diff --git a/assets/data/dummydata.js b/assets/data/dummydata.js
index 57202d2..1da6e5c 100644
--- a/assets/data/dummydata.js
+++ b/assets/data/dummydata.js
@@ -6,7 +6,7 @@ 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} />,
@@ -14,11 +14,11 @@ export const home = [
   },
   {
     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 = [
diff --git a/components/Brand.js b/components/Brand.js
index 7e14098..98c831e 100644
--- a/components/Brand.js
+++ b/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) => (
diff --git a/components/Expertise.js b/components/Expertise.js
index 0388919..7602a56 100644
--- a/components/Expertise.js
+++ b/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'>
diff --git a/components/common/Footer.js b/components/common/Footer.js
index 48968c5..37574bc 100644
--- a/components/common/Footer.js
+++ b/components/common/Footer.js
@@ -1,94 +1,103 @@
-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>sippyrishu@gmail.com</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>
@@ -96,7 +105,7 @@ const Footer = () => {
         </div>
       </footer>
     </>
-  )
-}
+  );
+};
 
-export default Footer
+export default Footer;
diff --git a/components/common/Header.js b/components/common/Header.js
index b097f1a..f2af9a4 100644
--- a/components/common/Header.js
+++ b/components/common/Header.js
@@ -19,7 +19,7 @@ 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)}>
@@ -27,11 +27,11 @@ const Header = () => {
               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>
diff --git a/pages/agency.js b/pages/agency.js
index cb3794d..1d703fa 100644
--- a/pages/agency.js
+++ b/pages/agency.js
@@ -5,7 +5,7 @@ const AgencyPage = () => {
   return (
     <>
       <Head>
-        <title>About Agency</title>
+        <title>About Me</title>
       </Head>
       <Agency />
     </>
diff --git a/pages/blogs.js b/pages/blogs.js
index beb0820..2a8f88a 100644
--- a/pages/blogs.js
+++ b/pages/blogs.js
@@ -5,7 +5,7 @@ const Blogs = () => {
   return (
     <>
       <Head>
-        <title>Blog - 7Creative</title>
+        <title>Blog - Rishi-sippy</title>
       </Head>
       <Blog />
     </>
diff --git a/pages/blogs/[id].js b/pages/blogs/[id].js
index 4eb2ad6..5145a1d 100644
--- a/pages/blogs/[id].js
+++ b/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>
diff --git a/pages/contact.js b/pages/contact.js
index 7ef1537..add9886 100644
--- a/pages/contact.js
+++ b/pages/contact.js
@@ -6,7 +6,7 @@ const contact = () => {
   return (
     <>
       <Head>
-        <title>Contact - 7Creative</title>
+        <title>Contact - Rishi-sippy</title>
       </Head>
       <Contact />
     </>
diff --git a/pages/index.js b/pages/index.js
index acace44..b87865d 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -5,7 +5,7 @@ export default function Home() {
   return (
     <>
       <Head>
-        <title>7Creative Desgin</title>
+        <title>Rishi-sippy Desgin</title>
       </Head>
       <Hero />
     </>
diff --git a/pages/services.js b/pages/services.js
index fddbc08..0005f08 100644
--- a/pages/services.js
+++ b/pages/services.js
@@ -6,7 +6,7 @@ const services = () => {
   return (
     <>
       <Head>
-        <title>Team - 7Creative</title>
+        <title>Team - Rishi-sippy</title>
       </Head>
       <Services />
     </>
diff --git a/pages/showcase.js b/pages/showcase.js
index 6d95279..2badd34 100644
--- a/pages/showcase.js
+++ b/pages/showcase.js
@@ -6,7 +6,7 @@ const showcase = () => {
   return (
     <>
       <Head>
-        <title>ShowCase - 7Creative</title>
+        <title>ShowCase - Rishi-sippy</title>
       </Head>
       <ShowCase />
     </>
diff --git a/pages/team.js b/pages/team.js
index 3bdcf45..52dd98b 100644
--- a/pages/team.js
+++ b/pages/team.js
@@ -6,7 +6,7 @@ const team = () => {
   return (
     <>
       <Head>
-        <title>Team - 7Creative</title>
+        <title>Team - Rishi-sippy</title>
       </Head>
       <Team />
     </>
diff --git a/sections/Agency.js b/sections/Agency.js
index 4863a5c..f78f4dd 100644
--- a/sections/Agency.js
+++ b/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>
diff --git a/sections/Contact.js b/sections/Contact.js
index f9ea608..a51c66f 100644
--- a/sections/Contact.js
+++ b/sections/Contact.js
@@ -1,97 +1,107 @@
-import { Title, TitleSm } from "@/components/common/Title"
-import React from "react"
-import { AiFillBehanceCircle, AiFillInstagram, AiFillLinkedin } from "react-icons/ai"
-import { BiUserCircle } from "react-icons/bi"
-import { BsFacebook } from "react-icons/bs"
-import { FiHeadphones, FiHelpCircle } from "react-icons/fi"
-import { IoLocationOutline } from "react-icons/io5"
+import { Title, TitleSm } from "@/components/common/Title";
+import Link from "next/link";
+import React from "react";
+import {
+  AiFillBehanceCircle,
+  AiFillInstagram,
+  AiFillLinkedin,
+} from "react-icons/ai";
+import { BiUserCircle } from "react-icons/bi";
+import { BsFacebook } from "react-icons/bs";
+import { FiHeadphones, FiHelpCircle } from "react-icons/fi";
+import { IoLocationOutline } from "react-icons/io5";
 
 const Contact = () => {
   return (
     <>
-      <section className='contact bg-top'>
-        <div className='container'>
-          <div className='heading-title'>
-            <TitleSm title='CONTACT' /> <br />
+      <section className="contact bg-top">
+        <div className="container">
+          <div className="heading-title">
+            <TitleSm title="CONTACT" /> <br />
             <br />
-            <Title title="Let's start right now!" className='title-bg' />
+            <Title title="Let's start right now!" className="title-bg" />
           </div>
-          <div className='content py flex1'>
-            <div className='left w-30'>
-              <div className='contact-deatils'>
-                <div className='box'>
-                  <FiHeadphones size={30} className='icons' />
-                  <h3>1-001-234-5678</h3>
-                  <span>Call us: Mon - Fri 9:00 - 19:00</span>
+          <div className="content py flex1">
+            <div className="left w-30">
+              <div className="contact-deatils">
+                <div className="box">
+                  <FiHeadphones size={30} className="icons" />
+                  <h3>+91 7018548653</h3>
+                  <span>Call me: Mon - Fri 11:00 AM - 2:00 AM</span>
                 </div>
-                <div className='box'>
-                  <IoLocationOutline size={30} className='icons' />
-                  <h3>New York</h3>
-                  <span>990 Madison Ave, Midtown Manhattan, 2th Floor, NY 10022</span>
+                <div className="box">
+                  <IoLocationOutline size={30} className="icons" />
+                  <h3>Remote Developer</h3>
+                  <span>
+                    Working in piece environment to produce outstanding results
+                  </span>
                 </div>
-                <div className='box'>
-                  <FiHelpCircle size={30} className='icons' />
-                  <h3>info@dream-theme.com</h3>
-                  <span>Drop us a line anytime!</span>
+                <div className="box">
+                  <FiHelpCircle size={30} className="icons" />
+                  <h3>sippyrishu@gmail.com</h3>
+                  <span>Drop me a line anytime!</span>
                 </div>
-                <div className='box'>
-                  <BiUserCircle size={30} className='icons' />
-                  <h3>hr@dream-theme.com</h3>
-                  <span>Career at Seven Creative</span>
+                <div className="box">
+                  <BiUserCircle size={30} className="icons" />
+                  <h3>sippyrishu@gmail.com</h3>
+                  <span>Career with me</span>
                 </div>
               </div>
               <ul>
-                <li className='icon'>
-                  <BsFacebook size={25} />
-                </li>
-                <li className='icon'>
-                  <AiFillBehanceCircle size={25} />
-                </li>
-                <li className='icon'>
-                  <AiFillInstagram size={25} />
-                </li>
-                <li className='icon'>
-                  <AiFillLinkedin size={25} />
-                </li>
+                <Link href="https://www.facebook.com/rishi.k.sippy/">
+                  <li className="icon">
+                    <BsFacebook size={25} />
+                  </li>
+                </Link>
+                <Link href="#">
+                  <li className="icon">
+                    <AiFillInstagram size={25} />
+                  </li>
+                </Link>
+                <Link href="https://www.linkedin.com/in/rishi-sippy-0785191b8/">
+                  <li className="icon">
+                    <AiFillLinkedin size={25} />
+                  </li>
+                </Link>
               </ul>
             </div>
-            <div className='right w-70'>
-              <TitleSm title='Make an online enquiry' />
-              <p className='desc-p'>Got questions? Ideas? Fill out the form below to get our proposal. </p>
+            <div className="right w-70">
+              <TitleSm title="Make an online enquiry" />
+              <p className="desc-p">Get in touch with me for anything. </p>
 
               <form>
-                <div className='grid-2'>
-                  <div className='inputs'>
+                <div className="grid-2">
+                  <div className="inputs">
                     <span>Name</span>
-                    <input type='text' />
+                    <input type="text" />
                   </div>
-                  <div className='inputs'>
+                  <div className="inputs">
                     <span>Email</span>
-                    <input type='text' />
+                    <input type="text" />
                   </div>
                 </div>
-                <div className='grid-2'>
-                  <div className='inputs'>
+                <div className="grid-2">
+                  <div className="inputs">
                     <span>your budget</span>
-                    <input type='text' />
+                    <input type="text" />
                   </div>
-                  <div className='inputs'>
+                  <div className="inputs">
                     <span>timeframe</span>
-                    <input type='text' />
+                    <input type="text" />
                   </div>
                 </div>
-                <div className='inputs'>
-                  <span>TELL US A BIT ABOUT YOUR PROJECT*</span>
-                  <textarea cols='30' rows='10'></textarea>
+                <div className="inputs">
+                  <span>TELL ME A BIT ABOUT YOUR QUERY*</span>
+                  <textarea cols="30" rows="10"></textarea>
                 </div>
-                <button className='button-primary'>Submit</button>
+                <button className="button-primary">Submit</button>
               </form>
             </div>
           </div>
         </div>
       </section>
     </>
-  )
-}
+  );
+};
 
-export default Contact
+export default Contact;
diff --git a/sections/Hero.js b/sections/Hero.js
index 0dfde51..648eb43 100644
--- a/sections/Hero.js
+++ b/sections/Hero.js
@@ -12,21 +12,21 @@ const Hero = () => {
     <>
       <section className='hero'>
         <div className='container'>
-          <TitleLogo title='creative' caption='7' className='logobg' />
-          <h1 className='hero-title'>WE BUILD DIGITAL EXPERIENCES</h1>
-
+          <TitleLogo title='Sippy' caption='Rishi' className='logobg' />
+          <h1 className='hero-title'>Transforming ideas into products</h1>
           <div className='sub-heading'>
             <TitleSm title='WEBSITES' /> <span>.</span>
-            <TitleSm title='BRANDING' /> <span>.</span>
-            <TitleSm title='DIGITAL MARKETING' />
+            <TitleSm title='APPS' /> <span>.</span>
+            <TitleSm title='PRODUCTS' /> <span>.</span>
+            <TitleSm title='CMS' />
           </div>
         </div>
       </section>
       <section className='hero-sec'>
         <div className='container'>
           <div className='heading-title'>
-            <Title title='The last digital agency you ll ever need' />
-            <p>Suspendisse ut magna porttitor, sollicitudin ligula at, molestie dolor. Vivamus a ligula ut velit placerat egestas at id leo. Nulla ac volutpat nunc. Nulla facilisi. Pellentesque tempus tellusut magna porttitor scelerisque.</p>
+            <Title title='The last dedicated developer  you will ever need' />
+            <p>I am building products every day.</p>
           </div>
           <div className='hero-content grid-4'>
             {home.map((item, i) => (