new changes

assets/data/dummydata.js

@@ -6,19 +6,19 @@ import { BiUser } from "react-icons/bi"
 export const home = [
   {
     icon: <AiOutlineCalendar size={25} />,
-    title: "10+ years of market experience",
+    title: "5+ years of development experience",
   },
   {
     icon: <TfiRulerPencil size={25} />,
     title: "Unique technologies & modern approach ",
   },
   {
     icon: <VscFileSubmodule size={25} />,
-    title: "100+ cuccessful cases in portfolio",
+    title: "100+ successful cases in portfolio",
   },
   {
     icon: <BiUser size={25} />,
-    title: "Customer satisfaction is our top priority",
+    title: "Customer satisfaction is my top priority",
   },
 ]
 export const expertise = [

components/Brand.js

@@ -8,7 +8,7 @@ const Brand = () => {
       <section className='brand'>
         <div className='container'>
           <div className='heading-title'>
-            <Title title='WE ARE PROUD TO WORK WITH THESE COMPANIES' />
+            <Title title='THE TECH STACK I WORK ON' />
           </div>
           <div className='brand-content grid-6 py'>
             {brand.map((item) => (

components/Expertise.js

@@ -9,7 +9,7 @@ const Expertise = () => {
       <section className='expertise'>
         <div className='container'>
           <div className='heading-title'>
-            <Title title='Our expertise' />
+            <Title title='My expertise' />
             <p>Vivamus a ligula ut velit placerat egestas at id leo. Nulla ac volutpat nunc. Suspendisse ut magna porttitor, sollicitudin ligula at, molestie dolor.</p>
           </div>
           <div className='hero-content grid-4'>

components/common/Footer.js

@@ -1,102 +1,111 @@
-import Link from "next/link"
-import { TitleLogo } from "./Title"
-import { BsFacebook } from "react-icons/bs"
-import { AiFillBehanceCircle, AiFillInstagram, AiFillLinkedin } from "react-icons/ai"
+import Link from "next/link";
+import { TitleLogo } from "./Title";
+import { BsFacebook } from "react-icons/bs";
+import {
+  AiFillBehanceCircle,
+  AiFillInstagram,
+  AiFillLinkedin,
+} from "react-icons/ai";
 
 const Footer = () => {
   return (
     <>
       <footer>
-        <div className='container'>
-          <div className='grid-4'>
-            <div className='logo'>
-              <TitleLogo title='creative' caption='7' className='logobg' />
+        <div className="container">
+          <div className="grid-4">
+            <div className="logo">
+              <TitleLogo title="Sippy" caption="Rishi" className="logobg" />
               <br />
               <span>
-                Questions? Reach us <br /> Monday – Friday from 9 am to 6 pm
+                Questions? <br /> Reach to me <br /> 24*7 available
               </span>
               <br />
               <br />
-              <h3>+1 001 234 5678</h3>
+              <h3>+91 7018548653</h3>
+              <h3>[email protected]</h3>
               <br />
-              <button className='button-primary'>Request for quote</button>
+              <button className="button-primary">Request for quote</button>
             </div>
             <ul>
-              <h3>COMPANY</h3>
+              <h3>Quick Links</h3>
               <li>
-                <Link href='/'>About agency</Link>
+                <Link href="/">About Me</Link>
               </li>
-              <li>
+              {/* <li>
                 <Link href='/'>Our team</Link>
-              </li>
+              </li> */}
               <li>
-                <Link href='/'>Showcase</Link>
+                <Link href="/">Showcase</Link>
               </li>
               <li>
-                <Link href='/'>Blog</Link>
+                <Link href="/">Blog</Link>
               </li>
               <li>
-                <Link href='/'>Demo design system</Link>
+                <Link href="/">Demo design system</Link>
               </li>
               <li>
-                <Link href='/'>Contact</Link>
+                <Link href="/">Contact</Link>
               </li>
             </ul>
             <ul>
               <h3>SERVICES</h3>
               <li>
-                <Link href='/'>Web Design & Development</Link>
+                <Link href="/">Web Design & Development</Link>
+              </li>
+              <li>
+                <Link href="/">App Design & Development</Link>
+              </li>
+              <li>
+                <Link href="/">Branding & Creative Services</Link>
+              </li>
+              <li>
+                <Link href="/">Digital Marketing</Link>
               </li>
               <li>
-                <Link href='/'>Branding & Creative Services</Link>
+                <Link href="/">E-Commerce</Link>
               </li>
               <li>
-                <Link href='/'>Digital Marketing</Link>
+                <Link href="/">SEO</Link>
               </li>
               <li>
-                <Link href='/'>E-Commerce</Link>
+                <Link href="/">Paid Ads / PPC</Link>
               </li>
             </ul>
             <ul>
               <h3>CONNECT</h3>
-              <div className='connect'>
-                <li>
-                  <Link href='/'>
+              <div className="connect">
+                <Link href="https://www.facebook.com/rishi.k.sippy/">
+                  <li className="icon">
                     <BsFacebook size={25} />
-                  </Link>
-                </li>
-                <li>
-                  <Link href='/'>
-                    <AiFillBehanceCircle size={25} />
-                  </Link>
-                </li>
-                <li>
-                  <Link href='/'>
+                  </li>
+                </Link>
+                <Link href="#">
+                  <li className="icon">
                     <AiFillInstagram size={25} />
-                  </Link>
-                </li>
-                <li>
-                  <Link href='/'>
+                  </li>
+                </Link>
+                <Link href="https://www.linkedin.com/in/rishi-sippy-0785191b8/">
+                  <li className="icon">
                     <AiFillLinkedin size={25} />
-                  </Link>
-                </li>
+                  </li>
+                </Link>
               </div>
             </ul>
           </div>
-          <div className='legal connect py'>
-            <div className='text'>
-              <span>© 2023 THE SEVEN. ALL RIGHTS RESERVED.</span>
+          <div className="legal connect py">
+            <div className="text">
+              <span>© 2023 Rishi Sippy. ALL RIGHTS RESERVED.</span>
             </div>
-            <div className='connect'>
-              <span>GORKCODER COMPANY</span>
+            <div className="connect">
+              <span>Rishi Sippy</span>
               <span> &nbsp; | &nbsp; </span>
               <span>TERMS & CONDITIONS</span>
             </div>
           </div>
         </div>
       </footer>
     </>
-  )
-}
+  );
+};
 
-export default Footer
+export default Footer;

components/common/Header.js

@@ -19,19 +19,19 @@ const Header = () => {
         <div className='container'>
           <div className='logo'>
             <Link href='/'>
-              <TitleLogo title='creative' caption='7' className='logomin' />
+              <TitleLogo title='Sippy' caption='Rishi' className='logomin' />
             </Link>
           </div>
           <nav className={open ? "openMenu" : "closeMenu"} onClick={() => setOpen(null)}>
             <Link href='/' className={activeLink == "/" ? "activeLink" : "none"}>
               Home
             </Link>
             <Link href='/agency' className={activeLink == "/agency" ? "activeLink" : "none"}>
-              Agency
+              About Me
             </Link>
-            <Link href='/team' className={activeLink == "/team" ? "activeLink" : "none"}>
+            {/* <Link href='/team' className={activeLink == "/team" ? "activeLink" : "none"}>
               Team
-            </Link>
+            </Link> */}
             <Link href='/services' className={activeLink == "/services" ? "activeLink" : "none"}>
               Services
             </Link>

pages/agency.js

@@ -5,7 +5,7 @@ const AgencyPage = () => {
   return (
     <>
       <Head>
-        <title>About Agency</title>
+        <title>About Me</title>
       </Head>
       <Agency />
     </>

pages/blogs.js

@@ -5,7 +5,7 @@ const Blogs = () => {
   return (
     <>
       <Head>
-        <title>Blog - 7Creative</title>
+        <title>Blog - Rishi-sippy</title>
       </Head>
       <Blog />
     </>

pages/blogs/[id].js

@@ -1,30 +1,35 @@
-import { blogdata } from "@/assets/data/dummydata"
-import Banner from "@/components/Banner"
-import { Title, TitleSm } from "@/components/common/Title"
-import Head from "next/head"
-import { useRouter } from "next/router"
-import React from "react"
+import { blogdata } from "@/assets/data/dummydata";
+import Banner from "@/components/Banner";
+import { Title, TitleSm } from "@/components/common/Title";
+import Head from "next/head";
+import { useRouter } from "next/router";
+import React from "react";
 
 const SinglePost = () => {
-  const router = useRouter()
-  const { id } = router.query
-  const post = blogdata.find((post) => post.id === parseInt(id))
+  const router = useRouter();
+  const { id } = router.query;
+  const post = blogdata.find((post) => post.id === parseInt(id));
+
+  if (!post) {
+    // You can handle the case where the post is not found, for example, redirect to an error page
+    return <div>Error: Post not found</div>;
+  }
 
   return (
     <>
-      <Head>
-        <title>{post.title}</title>
-      </Head>
-      <section className='post-details bg-top'>
-        <div className='container'>
-          <div className='heading-title'>
-            <TitleSm title='TIPS & TRICKS / JANUARY 12, 2022' /> <br />
-            <br />
-            <Title title={post.title} className='title-bg' />
-            <div className='img py'>
-              <img src={post.cover} alt={post.title} width='100%' height='100%' className='round' />
-            </div>
-            <div className='desc'>
+    <Head>
+      <title>{post.title}</title>
+    </Head>
+    <section className='post-details bg-top'>
+      <div className='container'>
+        <div className='heading-title'>
+          <TitleSm title='TIPS & TRICKS / JANUARY 12, 2022' /> <br />
+          <br />
+          <Title title={post.title} className='title-bg' />
+          <div className='img py'>
+            <img src={post.cover} alt={post.title} width='100%' height='100%' className='round' />
+          </div>
+          <div className='desc'>
               <TitleSm title='Phasellus at magna - elit tristique lacinia. Integer a justo vitae arcu fermentum consequat.' />
               <p className='desc-p'> Nulla iaculis convallis fermentum. Suspendisse eget elit mauris. Phasellus velit nisi, lobortis quis nisi et, venenatis finibus velit. Integer non nibh eget arcu malesuada ullamcorper. Quisque congue ante in consequat auctor. Morbi ut accumsan eros. Mauris semper suscipit mattis. Cras pellentesque a urna ac dictum. Pellentesque blandit, sapien vel faucibus accumsan, ante dui imperdiet nisi, ut tincidunt nulla tortor nec purus.</p>
               <p className='desc-p'>Suspendisse eget elit mauris. Phasellus velit nisi, lobortis quis nisi et, venenatis finibus velit. Integer non nibh eget arcu malesuada ullamcorper.</p>

pages/contact.js

@@ -6,7 +6,7 @@ const contact = () => {
   return (
     <>
       <Head>
-        <title>Contact - 7Creative</title>
+        <title>Contact - Rishi-sippy</title>
       </Head>
       <Contact />
     </>

pages/index.js

@@ -5,7 +5,7 @@ export default function Home() {
   return (
     <>
       <Head>
-        <title>7Creative Desgin</title>
+        <title>Rishi-sippy Desgin</title>
       </Head>
       <Hero />
     </>

pages/services.js

@@ -6,7 +6,7 @@ const services = () => {
   return (
     <>
       <Head>
-        <title>Team - 7Creative</title>
+        <title>Team - Rishi-sippy</title>
       </Head>
       <Services />
     </>

pages/showcase.js

@@ -6,7 +6,7 @@ const showcase = () => {
   return (
     <>
       <Head>
-        <title>ShowCase - 7Creative</title>
+        <title>ShowCase - Rishi-sippy</title>
       </Head>
       <ShowCase />
     </>

pages/team.js

@@ -6,7 +6,7 @@ const team = () => {
   return (
     <>
       <Head>
-        <title>Team - 7Creative</title>
+        <title>Team - Rishi-sippy</title>
       </Head>
       <Team />
     </>

sections/Agency.js

@@ -9,18 +9,19 @@ const Agency = () => {
       <section className='agency bg-top'>
         <div className='container'>
           <div className='heading-title'>
-            <TitleSm title='ABOUT AGENCY' /> <br />
+            <TitleSm title='ABOUT ME' /> <br />
             <br />
-            <Title title='The last digital agency you will ever need!' className='title-bg' />
+            <Title title='The last dedicated developer  you will ever need !' className='title-bg' />
           </div>
 
           <div className='content flex1'>
             <div className='left w-60 py'>
-              <TitleSm title='Turning your business ideas into smart digital products since 2001' />
-              <p className='desc-p'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhoncus eleifend magna, molestie iaculis sem pulvinar eu. Etiam non dui felis. Proin posuere dapibus magna laoreet posuere. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim, sem eget sollicitudin tempor, libero velit aliquam enim, vel egestas tortor ante quis sem.</p>
+              <TitleSm title='Lets embark on a journey of innovation together' />
+              <p className='desc-p'>I'm Rishi, a passionate Full Stack Developer with over four years of hands-on experience in shaping digital products and CMS solutions. My journey in the dynamic world of web development has been fueled by a dedication to innovation, a mastery of cutting-edge technologies, and a commitment to delivering exceptional user experiences. 
+              My proficiency spans across a spectrum of technologies, including React.js, Next.js, Node.js, Vue.js, WordPress, and Shopify. This diverse skill set empowers me to design and develop robust applications that not only meet but exceed client expectations.I specialize in the art of crafting digital products that resonate with users. By seamlessly integrating various frameworks and platforms, I ensure the delivery of scalable and feature-rich solutions that stand out in the digital landscape.Beyond coding, I bring a unique blend of technical expertise and marketing finesse. Proficient in SEO strategies and well-versed in paid advertising, particularly on platforms like Facebook, I contribute to optimizing online visibility and driving targeted traffic.</p>
               <div className='grid-3'>
                 <div className='box'>
-                  <h1 className='indigo'>10+</h1>
+                  <h1 className='indigo'>5+</h1>
                   <h3>Years of experience</h3>
                 </div>
                 <div className='box'>
@@ -29,7 +30,7 @@ const Agency = () => {
                 </div>
                 <div className='box'>
                   <h1 className='indigo'>12+</h1>
-                  <h3>Industry awards</h3>
+                  <h3>Team working remotely</h3>
                 </div>
               </div>
             </div>
@@ -43,9 +44,9 @@ const Agency = () => {
               <img src='/images/s4.jpg' alt='Img' className='round' width='100%' height='100%' />
             </div>
             <div className='right w-60 ml'>
-              <TitleSm title='Our mission' />
+              <TitleSm title='My Mission' />
               <br />
-              <p className='misson-p'>Fusce fringilla justo vel dui consectetur, fringilla maximus ante malesuada. Suspendisse facilisis nisl augue, ut sollicitudin lectus ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis esse vitae officia nostrum facere. Fugiat voluptates, expedita dolore at perferendis quae libero fuga consequatur veniam, eius non fugit nulla vitae?</p>
+              <p className='misson-p'>I believe that seamless, bug-free interactions are the cornerstone of user satisfaction. My mission is to meticulously craft digital solutions that not only meet but exceed user expectations. By dedicating myself to the pursuit of perfection in code, I aim to create a digital landscape where users can navigate effortlessly, free from the disruptions of glitches or bugs.</p>
             </div>
           </div>
         </div>