diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 5f556c9..1589291 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -4,30 +4,34 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import { Heart } from "lucide-react";
 
 export default function AboutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="soft" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="gradient" secondaryButtonStyle="solid" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleFullscreen
-          navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "About Us", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "FAQ", id: "/faq" }]}
-          brandName="Sweet Temptation"
-        />
-        <TestimonialAboutCard
-          tag="Our Story"
-          title="Celebrating You"
-          description="At Sweet Temptation, we believe that beauty is a feeling. It starts with self-love and the confidence to embrace your authentic self."
-          subdescription="Our mission is to create pieces that feel like a second skin, empowering you to walk through the world feeling beautiful, strong, and unapologetically you."
-          icon={Heart}
-          imageSrc="http://img.b2bpic.net/free-photo/closeup-portrait-beautiful-sensual-brunette-woman-girl-elegant-beige-classic-clothes-model-with-red-lips-isolated-black_158538-9491.jpg"
-        />
-        <FooterSimple
-          columns={[{ title: "Shop", items: [{ label: "All Sets", href: "/shop" }] }, { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "FAQ", href: "/faq" }] }, { title: "Company", items: [{ label: "About", href: "/about" }] }]}
-          bottomLeftText="© 2024 Sweet Temptation Inc."
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "About Us", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "FAQ", id: "/faq" }]}
+            brandName="Sweet Temptation"
+          />
+        </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            heading={[{ type: "text", content: "Celebrating You" }]}
+            useInvertedBackground={false}
+            ariaLabel="About section"
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[{ title: "Shop", items: [{ label: "All Sets", href: "/shop" }] }, { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "FAQ", href: "/faq" }] }, { title: "Company", items: [{ label: "About", href: "/about" }] }]}
+            bottomLeftText="© 2024 Sweet Temptation Inc."
+            bottomRightText="Luxury Intimate Apparel"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 899aad5..fbf643b 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -3,28 +3,36 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ContactForm from '@/components/form/ContactForm';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="soft" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="gradient" secondaryButtonStyle="solid" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleFullscreen
-          navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "About Us", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "FAQ", id: "/faq" }]}
-          brandName="Sweet Temptation"
-        />
-        <ContactForm
-          tag="Get in touch"
-          title="How can we help?"
-          description="Whether you have questions about orders or just want to share your experience, we're here for you."
-          buttonText="Send Message"
-        />
-        <FooterSimple
-          columns={[{ title: "Shop", items: [{ label: "All Sets", href: "/shop" }] }, { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "FAQ", href: "/faq" }] }, { title: "Company", items: [{ label: "About", href: "/about" }] }]}
-          bottomLeftText="© 2024 Sweet Temptation Inc."
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "About Us", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "FAQ", id: "/faq" }]}
+            brandName="Sweet Temptation"
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="Get in touch"
+            title="How can we help?"
+            description="Whether you have questions about orders or just want to share your experience, we're here for you."
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[{ title: "Shop", items: [{ label: "All Sets", href: "/shop" }] }, { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "FAQ", href: "/faq" }] }, { title: "Company", items: [{ label: "About", href: "/about" }] }]}
+            bottomLeftText="© 2024 Sweet Temptation Inc."
+            bottomRightText="Luxury Intimate Apparel"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/faq/page.tsx b/src/app/faq/page.tsx
index 4e570d7..9b122dd 100644
--- a/src/app/faq/page.tsx
+++ b/src/app/faq/page.tsx
@@ -8,30 +8,35 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function FaqPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="soft" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="gradient" secondaryButtonStyle="solid" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleFullscreen
-          navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "About Us", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "FAQ", id: "/faq" }]}
-          brandName="Sweet Temptation"
-        />
-        <FaqBase
-          tag="Help Center"
-          title="Frequently Asked Questions"
-          description="Everything you need to know about our products, shipping, and returns."
-          faqsAnimation="slide-up"
-          textboxLayout="default"
-          faqs={[
-            { id: "1", title: "How do I find my size?", content: "Check our detailed size guide on each product page to find your perfect fit." },
-            { id: "2", title: "What materials do you use?", content: "We source only the finest, most durable lace and fabrics for maximum comfort." },
-            { id: "3", title: "How is shipping handled?", content: "We offer worldwide shipping with tracking information provided upon dispatch." },
-            { id: "4", title: "What is your return policy?", content: "We accept returns on unworn items within 30 days of purchase." }
-          ]}
-        />
-        <FooterSimple
-          columns={[{ title: "Shop", items: [{ label: "All Sets", href: "/shop" }] }, { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "FAQ", href: "/faq" }] }, { title: "Company", items: [{ label: "About", href: "/about" }] }]}
-          bottomLeftText="© 2024 Sweet Temptation Inc."
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "About Us", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "FAQ", id: "/faq" }]}
+            brandName="Sweet Temptation"
+          />
+        </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            title="Frequently Asked Questions"
+            description="Everything you need to know about our products, shipping, and returns."
+            faqsAnimation="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "How do I find my size?", content: "Check our detailed size guide on each product page to find your perfect fit." },
+              { id: "2", title: "What materials do you use?", content: "We source only the finest, most durable lace and fabrics for maximum comfort." }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[{ title: "Shop", items: [{ label: "All Sets", href: "/shop" }] }, { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "FAQ", href: "/faq" }] }, { title: "Company", items: [{ label: "About", href: "/about" }] }]}
+            bottomLeftText="© 2024 Sweet Temptation Inc."
+            bottomRightText="Luxury Intimate Apparel"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 60783ff..934bafe 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,105 +14,72 @@ import { Award, Heart, Star, X } from "lucide-react";
 
 export default function LandingPage() {
   const [showPopup, setShowPopup] = useState(false);
-
-  useEffect(() => {
-    const timer = setTimeout(() => setShowPopup(true), 5000);
-    return () => clearTimeout(timer);
-  }, []);
+  useEffect(() => { const timer = setTimeout(() => setShowPopup(true), 5000); return () => clearTimeout(timer); }, []);
 
   return (
-    <ThemeProvider
-        defaultButtonVariant="text-stagger"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
-        contentWidth="small"
-        sizing="mediumLargeSizeMediumTitles"
-        background="none"
-        cardStyle="inset"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="solid"
-        headingFontWeight="extrabold"
-    >
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="soft" contentWidth="small" sizing="mediumLargeSizeMediumTitles" background="none" cardStyle="inset" primaryButtonStyle="shadow" secondaryButtonStyle="solid" headingFontWeight="extrabold">
       <ReactLenis root>
-        {showPopup && (
-          <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm">
-            <div className="bg-white p-8 rounded-lg max-w-sm w-full relative shadow-xl">
-              <button onClick={() => setShowPopup(false)} className="absolute top-4 right-4"><X size={20}/></button>
-              <h2 className="text-2xl font-bold mb-4">Get 10% off your first order 💌</h2>
-              <input type="email" placeholder="Enter your email" className="w-full p-2 border rounded mb-4" />
-              <button className="w-full bg-black text-white p-2 rounded">Subscribe</button>
-            </div>
-          </div>
-        )}
         <div id="nav" data-section="nav">
-            <NavbarStyleFullscreen
-            navItems={[
-                { name: "Home", id: "/" },
-                { name: "Shop", id: "/shop" },
-                { name: "About Us", id: "/about" },
-                { name: "Contact", id: "/contact" },
-            ]}
+          <NavbarStyleFullscreen
+            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "About Us", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "FAQ", id: "/faq" }]}
             brandName="Sweet Temptation"
-            />
+          />
         </div>
-
         <div id="hero" data-section="hero">
-            <HeroBillboard
+          <HeroBillboard
             background={{ variant: "gradient-bars" }}
             title="Unleash Your Confidence"
             description="Luxury lingerie designed to make you feel irresistible."
-            buttons={[{ text: "Shop Now", href: "/shop" }]}
-            imageSrc="http://img.b2bpic.net/free-photo/closeup-portrait-beautiful-sensual-brunette-woman-girl-elegant-beige-classic-clothes-model-with-red-lips-isolated-black_158538-9491.jpg"
-            />
+          />
         </div>
-
         <div id="products" data-section="products">
-            <ProductCardThree
-                title="Our Collections"
-                gridVariant="four-items-2x2-equal-grid"
-                animationType="slide-up"
-                products={[
-                    { id: "1", name: "Lace Lingerie Set", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-woman-model-lady-with-red-lips-black-elegant-dress-sitting-sofa-near-gray-wall_158538-1881.jpg" },
-                    { id: "2", name: "Everyday Shapewear", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-portrait-indoor_624325-3757.jpg" },
-                    { id: "3", name: "Delicate Thongs", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-brunette-woman-looking-camera-isolated-background_8353-11793.jpg" },
-                    { id: "4", name: "Special Collection", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tender-young-woman-with-flowers-grey-wall_176420-2708.jpg?_wi=1" }
-                ]}
-            />
-        </div>
-
-        <div id="testimonials" data-section="testimonials">
-            <TestimonialCardFive
-            textboxLayout="split"
-            useInvertedBackground={true}
-            testimonials={[]}
-            title="Empowered Women"
-            description="Hear what our community says about feeling their best in Sweet Temptation."
-            />
-        </div>
-
-        <div id="metric" data-section="metric">
-            <MetricCardThree
+          <ProductCardThree
+            title="Our Collections"
+            gridVariant="four-items-2x2-equal-grid"
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Lace Lingerie Set", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-woman-model-lady-with-red-lips-black-elegant-dress-sitting-sofa-near-gray-wall_158538-1881.jpg" },
+              { id: "2", name: "Everyday Shapewear", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-portrait-indoor_624325-3757.jpg" },
+              { id: "3", name: "Delicate Thongs", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-brunette-woman-looking-camera-isolated-background_8353-11793.jpg" }
+            ]}
+          />
+        </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            title="Empowered Women"
+            description="Hear what our community says about feeling their best in Sweet Temptation."
+            testimonials={[]}
+            textboxLayout="split"
+            useInvertedBackground={true}
+          />
+        </div>
+        <div id="metric" data-section="metric">
+          <MetricCardThree
             title="Our Impact"
             description="Leading the way in luxury and comfort."
             metrics={[{ id: "m1", icon: Heart, title: "Happy Customers", value: "10k+" }, { id: "m2", icon: Star, title: "Products Sold", value: "50k+" }, { id: "m3", icon: Award, title: "Years Active", value: "5" }]}
-            />
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
         </div>
-
         <div id="socialProof" data-section="socialProof">
-            <SocialProofOne
+          <SocialProofOne
             title="As Seen In"
+            description="Featured in world-class publications."
             names={["Vogue", "Harper's Bazaar", "ELLE", "Marie Claire", "Cosmopolitan"]}
-            />
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
         </div>
-
         <div id="footer" data-section="footer">
-            <FooterSimple
-            columns={[]}
+          <FooterSimple
+            columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
             bottomLeftText="© 2024 Sweet Temptation Inc."
             bottomRightText="Luxury Intimate Apparel"
-            />
+          />
         </div>
       </ReactLenis>
     </ThemeProvider>
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index b5760c9..8571724 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -8,58 +8,32 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 
 export default function ShopPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="text-stagger"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
-        contentWidth="medium"
-        sizing="mediumLargeSizeMediumTitles"
-        background="none"
-        cardStyle="inset"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="solid"
-        headingFontWeight="extrabold"
-    >
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="soft" contentWidth="medium" sizing="mediumLargeSizeMediumTitles" background="none" cardStyle="inset" primaryButtonStyle="shadow" secondaryButtonStyle="solid" headingFontWeight="extrabold">
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "Shop", id: "/shop" },
-              { name: "About Us", id: "/about" },
-              { name: "Contact", id: "/contact" },
-            ]}
+            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "About Us", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "FAQ", id: "/faq" }]}
             brandName="Sweet Temptation"
           />
         </div>
-
-        <div className="bg-accent p-4 text-center font-bold text-sm">
-            ✨ Free Shipping on all orders over $50! ✨
-        </div>
-
         <div id="product" data-section="product" className="mt-12">
           <ProductCardTwo
             title="Our Collection"
-            description="Discover our delicate, hand-crafted lingerie selection. Limited Stock - Don't miss out!"
+            description="Discover our delicate, hand-crafted lingerie selection."
             gridVariant="four-items-2x2-equal-grid"
             animationType="slide-up"
-            products={[
-              { id: "1", brand: "Lace", name: "Midnight Lace Bra", price: "$45 | 1 for $12, 2 for $20, 3 for $25", rating: 5, reviewCount: "(120)", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beautiful-sensual-brunette-woman-girl-elegant-beige-classic-clothes-model-with-red-lips-isolated-black_158538-9491.jpg" },
-              { id: "2", brand: "Sets", name: "Satin Dreams", price: "$55 | 1 for $12, 2 for $20, 3 for $25", rating: 5, reviewCount: "(85)", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tender-young-woman-with-flowers-grey-wall_176420-2708.jpg" },
-              { id: "3", brand: "Shapewear", name: "Sculpt Body", price: "$65 | 1 for $12, 2 for $20, 3 for $25", rating: 4, reviewCount: "(40)", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-brunette-woman-looking-camera-isolated-background_8353-11793.jpg" },
-              { id: "4", brand: "Panties", name: "Silk Comfort", price: "$35 | 1 for $12, 2 for $20, 3 for $25", rating: 5, reviewCount: "(200)", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-woman-model-lady-with-red-lips-black-elegant-dress-sitting-sofa-near-gray-wall_158538-1881.jpg" }
-            ]}
             textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", brand: "Lace", name: "Midnight Lace Bra", price: "$45", rating: 5, reviewCount: "120", imageSrc: "..." },
+              { id: "2", brand: "Sets", name: "Satin Dreams", price: "$55", rating: 5, reviewCount: "85", imageSrc: "..." },
+              { id: "3", brand: "Shapewear", name: "Sculpt Body", price: "$65", rating: 4, reviewCount: "40", imageSrc: "..." }
+            ]}
           />
         </div>
-
         <div id="footer" data-section="footer" className="mt-24">
           <FooterSimple
-            columns={[
-              { title: "Shop", items: [{ label: "All Sets", href: "/shop" }, { label: "Shapewear", href: "/shop" }, { label: "Lace Items", href: "/shop" }] },
-              { title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "Size Guide", href: "/shop" }, { label: "FAQ", href: "/contact" }] },
-              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
-            ]}
+            columns={[{ title: "Shop", items: [{ label: "Home", href: "/" }] }]}
             bottomLeftText="© 2024 Sweet Temptation Inc."
             bottomRightText="Luxury Intimate Apparel"
           />
@@ -67,4 +41,4 @@ export default function ShopPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file