diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..f32a5b5
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+
+const navItems = [
+  { name: "Home", id: "/" },
+  { name: "About Us", id: "/about" },
+  { name: "Gallery", id: "/gallery" },
+  { name: "Reviews", id: "/reviews" },
+  { name: "FAQ", id: "/faq" },
+];
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay navItems={navItems} brandName="Expert Plumbing" />
+      <TextSplitAbout
+        title="About Our Family"
+        description={["Three generations of trust and quality plumbing. We are your local, family-owned experts."]}
+        ariaLabel="About section"
+      />
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..44984aa
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,46 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/#about" },
+                { name: "Services", id: "/#features" },
+                { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Expert Plumbing"
+        />
+        <div className="pt-32 pb-20">
+            <ContactSplitForm
+                title="Request Your Free Quote"
+                description="Our team is ready to assist you. Fill out the form below and we will contact you shortly to schedule a consultation."
+                inputs={[
+                    { name: "name", type: "text", placeholder: "Full Name", required: true },
+                    { name: "email", type: "email", placeholder: "Email Address", required: true },
+                    { name: "phone", type: "tel", placeholder: "Phone Number", required: true }
+                ]}
+                textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
+                imageSrc="http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-near-steel-pipes-with-tape-measure-hand_627829-11415.jpg?_wi=1"
+                buttonText="Submit Request"
+            />
+        </div>
+        <FooterBaseCard
+            logoText="Expert Plumbing"
+            columns={[
+                { title: "Services", items: [{ label: "Leak Repair", href: "/#features" }, { label: "Water Heaters", href: "/#features" }] },
+                { title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Contact", href: "/contact" }] }
+            ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
new file mode 100644
index 0000000..4999c3a
--- /dev/null
+++ b/src/app/gallery/page.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+
+const navItems = [
+  { name: "Home", id: "/" },
+  { name: "About Us", id: "/about" },
+  { name: "Gallery", id: "/gallery" },
+  { name: "Reviews", id: "/reviews" },
+  { name: "FAQ", id: "/faq" },
+];
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay navItems={navItems} brandName="Expert Plumbing" />
+      <HeroBillboardGallery
+        title="Our Work Gallery"
+        description="See the results of our professional plumbing services."
+        mediaItems={[
+          { imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg?_wi=1" },
+          { imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-near-steel-pipes-with-tape-measure-hand_627829-11415.jpg?_wi=1" },
+          { imageSrc: "http://img.b2bpic.net/free-photo/hand-tools-set-damaged-mosquito-wire-screen-which-need-be-fixed_1150-6573.jpg?_wi=1" }
+        ]}
+        mediaAnimation="blur-reveal"
+      />
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 222a76c..c50a00d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "/contact" }
       ]}
       brandName="Expert Plumbing"
     />
@@ -56,41 +45,16 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "downward-rays-static",
-      }}
+        variant: "downward-rays-static"}}
       title="Reliable Plumbing Services for Your Home"
       description="Family-owned and operated with three generations of experience. We provide professional, cooperative, and hard-working plumbing solutions right to your doorstep."
       buttons={[
-        {
-          text: "Book an Appointment",
-          href: "#contact",
-        },
+        { text: "Book an Appointment", href: "/contact" },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg?_wi=1",
-          imageAlt: "Professional Plumber",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-near-steel-pipes-with-tape-measure-hand_627829-11415.jpg?_wi=1",
-          imageAlt: "Kitchen Pipe Repair",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-tools-set-damaged-mosquito-wire-screen-which-need-be-fixed_1150-6573.jpg?_wi=1",
-          imageAlt: "Water Heater Installation",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-wearing-construction-uniform-safety-helmet-holds-wrench-groove-pliers_141793-33658.jpg",
-          imageAlt: "Customer Satisfaction",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg",
-          imageAlt: "Pipe Maintenance",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-technician-connects-equipment-with-tool_169016-3456.jpg",
-          imageAlt: "Three Generations Expert",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg?_wi=1", imageAlt: "Professional Plumber" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-near-steel-pipes-with-tape-measure-hand_627829-11415.jpg?_wi=1", imageAlt: "Kitchen Pipe Repair" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/hand-tools-set-damaged-mosquito-wire-screen-which-need-be-fixed_1150-6573.jpg?_wi=1", imageAlt: "Water Heater Installation" }
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -101,9 +65,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Three Generations of Quality"
       description={[
-        "For years, our family-owned business has provided expert plumbing services. We take pride in our history and the hard work that defines our legacy.",
-        "Our clients know us for being close to home, professional, and thorough. From leaky pipes to old water heater disposal, we get the job done.",
-      ]}
+        "For years, our family-owned business has provided expert plumbing services. We take pride in our history and the hard work that defines our legacy.",        "Our clients know us for being close to home, professional, and thorough. From leaky pipes to old water heater disposal, we get the job done."]}
     />
   </div>
 
@@ -113,21 +75,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Wrench,
-          title: "Leak Repair",
-          description: "Quickly identify and resolve pipe leaks, faucet issues, and toilet malfunctions.",
-        },
-        {
-          icon: Flame,
-          title: "Water Heaters",
-          description: "Complete service for water heaters, including replacement and old unit hauling.",
-        },
-        {
-          icon: Settings,
-          title: "Pipe Replacement",
-          description: "Expert replacement services for worn or damaged piping systems throughout your home.",
-        },
+        { icon: Wrench, title: "Leak Repair", description: "Quickly identify and resolve pipe leaks, faucet issues, and toilet malfunctions." },
+        { icon: Flame, title: "Water Heaters", description: "Complete service for water heaters, including replacement and old unit hauling." },
+        { icon: Settings, title: "Pipe Replacement", description: "Expert replacement services for worn or damaged piping systems throughout your home." }
       ]}
       title="Our Specialized Services"
       description="We offer a wide range of plumbing services designed to keep your home running smoothly, backed by our promise of professional excellence."
@@ -140,24 +90,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          icon: Award,
-          title: "Years of Excellence",
-          value: "20+",
-        },
-        {
-          id: "m2",
-          icon: Home,
-          title: "Homes Served",
-          value: "5000+",
-        },
-        {
-          id: "m3",
-          icon: ThumbsUp,
-          title: "Satisfied Customers",
-          value: "99%",
-        },
+        { id: "m1", icon: Award, title: "Years of Excellence", value: "20+" },
+        { id: "m2", icon: Home, title: "Homes Served", value: "5000+" },
+        { id: "m3", icon: ThumbsUp, title: "Satisfied Customers", value: "99%" }
       ]}
       title="Serving Our Community"
       description="Proven experience you can trust for your household needs."
@@ -169,61 +104,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Jerold B.",
-          date: "April 2007",
-          title: "Homeowner",
-          quote: "Steve was absolutely wonderful. I had to arrange this long distance from California. Steve was cooperative, professional, and did exactly what he promised.",
-          tag: "Professional",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg?_wi=2",
-          imageAlt: "happy customer home interior",
-        },
-        {
-          id: "t2",
-          name: "Ronald W.",
-          date: "January 2006",
-          title: "Homeowner",
-          quote: "I like this company because it is close to home. There is three generations to this company. My mother has used them for years. Very hard workers and they get the job done.",
-          tag: "Trusted",
-          avatarSrc: "http://img.b2bpic.net/free-photo/relaxed-girl-jeans-sitting-window-sill-magnificent-ginger-lady-headphones-holding-phone_197531-10401.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-near-steel-pipes-with-tape-measure-hand_627829-11415.jpg?_wi=2",
-          imageAlt: "happy customer home interior",
-        },
-        {
-          id: "t3",
-          name: "Anonymous",
-          date: "January 2006",
-          title: "Homeowner",
-          quote: "Our toilet was leaking and one of the pipes needed to be replaced. We used this company in the past before and they did a great job so I decided to rehire them and they did a good job.",
-          tag: "Reliable",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-elder-woman-window_329181-14796.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-tools-set-damaged-mosquito-wire-screen-which-need-be-fixed_1150-6573.jpg?_wi=2",
-          imageAlt: "happy customer home interior",
-        },
-        {
-          id: "t4",
-          name: "Client",
-          date: "April 2007",
-          title: "Homeowner",
-          quote: "Highly recommend this team. They were very cooperative and provided exactly the services we needed for our property.",
-          tag: "Service",
-          avatarSrc: "http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149287019.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/family-moving-new-home_23-2149162257.jpg",
-          imageAlt: "happy customer home interior",
-        },
-        {
-          id: "t5",
-          name: "Homeowner",
-          date: "January 2006",
-          title: "Homeowner",
-          quote: "Always great service. Hard workers and very efficient, they get the job done right every single time.",
-          tag: "Efficiency",
-          avatarSrc: "http://img.b2bpic.net/free-photo/frame-mechanical-tools-floor_23-2148558016.jpg",
-          imageSrc: "http://img.b2bpic.net/free-vector/real-estate-open-house-label_23-2148479337.jpg",
-          imageAlt: "happy customer home interior",
-        },
+        { id: "t1", name: "Jerold B.", date: "April 2007", title: "Homeowner", quote: "Steve was absolutely wonderful. I had to arrange this long distance from California. Steve was cooperative, professional, and did exactly what he promised.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg", imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg?_wi=2" }
       ]}
       title="Client Success Stories"
       description="Hear directly from homeowners who trust us with their plumbing."
@@ -235,13 +116,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       names={[
-        "Plumbing Guild",
-        "Safety Association",
-        "Home Maintenance Board",
-        "Residential Repair Certified",
-        "Local Business Alliance",
-        "Service Quality Seal",
-        "Water Utility Partners",
+        "Plumbing Guild", "Safety Association", "Home Maintenance Board", "Residential Repair Certified", "Local Business Alliance"
       ]}
       title="Trusted by Experts"
       description="We meet and exceed industry standards for plumbing and safety."
@@ -253,21 +128,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Do you handle emergency plumbing?",
-          content: "Yes, we are highly responsive and professional in addressing urgent plumbing needs for our local clients.",
-        },
-        {
-          id: "f2",
-          title: "How long have you been operating?",
-          content: "Our business spans three generations of professional plumbing expertise.",
-        },
-        {
-          id: "f3",
-          title: "Do you haul away old equipment?",
-          content: "Yes, we handle disposal of old water heaters and other replaced plumbing equipment.",
-        },
+        { id: "f1", title: "Do you handle emergency plumbing?", content: "Yes, we are highly responsive and professional in addressing urgent plumbing needs for our local clients." },
+        { id: "f2", title: "How long have you been operating?", content: "Our business spans three generations of professional plumbing expertise." },
+        { id: "f3", title: "Do you haul away old equipment?", content: "Yes, we handle disposal of old water heaters and other replaced plumbing equipment." }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/frame-mechanical-tools-floor_23-2148558016.jpg"
       mediaAnimation="slide-up"
@@ -277,60 +140,16 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
-      title="Need Plumbing Assistance?"
-      description="We are ready to help. Reach out to book your service or get a consultation from our professional team today."
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterBaseCard
       logoText="Expert Plumbing"
       columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Leak Repair",
-              href: "#features",
-            },
-            {
-              label: "Water Heaters",
-              href: "#features",
-            },
-            {
-              label: "Pipe Replacement",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
+        { title: "Services", items: [{ label: "Leak Repair", href: "/#features" }, { label: "Water Heaters", href: "/#features" }, { label: "Pipe Replacement", href: "/#features" }] },
+        { title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Testimonials", href: "/#testimonials" }, { label: "Contact", href: "/contact" }] }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/reviews/page.tsx b/src/app/reviews/page.tsx
new file mode 100644
index 0000000..d40b2ca
--- /dev/null
+++ b/src/app/reviews/page.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+
+const navItems = [
+  { name: "Home", id: "/" },
+  { name: "About Us", id: "/about" },
+  { name: "Gallery", id: "/gallery" },
+  { name: "Reviews", id: "/reviews" },
+  { name: "FAQ", id: "/faq" },
+];
+
+export default function ReviewsPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay navItems={navItems} brandName="Expert Plumbing" />
+      <TestimonialCardFive
+        title="Client Reviews"
+        testimonials={[{ id: "1", name: "Jerold B.", date: "2024", title: "Satisfied Client", quote: "Professional, trustable, family-owned business.", tag: "Trusted", avatarSrc: "" }]}
+        textboxLayout="default"
+      />
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
new file mode 100644
index 0000000..e33c708
--- /dev/null
+++ b/src/app/services/page.tsx
@@ -0,0 +1,55 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Wrench, Droplet, Hammer, ShieldCheck } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="small"
+        sizing="mediumLargeSizeLargeTitles"
+        background="floatingGradient"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Services", id: "/services" },
+                { name: "Showroom", id: "/showroom" },
+            ]}
+            brandName="Expert Plumbing"
+        />
+        <div className="pt-32 pb-20">
+            <FeatureHoverPattern
+                animationType="slide-up"
+                textboxLayout="split"
+                useInvertedBackground={false}
+                title="European-Inspired Remodeling"
+                description="We combine timeless European design aesthetics with modern high-performance plumbing technology to transform your kitchen and bath spaces."
+                features={[
+                    { icon: Wrench, title: "Kitchen Remodeling", description: "Complete culinary space transformations with premium finishes and efficient layout planning." },
+                    { icon: Droplet, title: "Bath Renovations", description: "Spa-inspired bathroom makeovers featuring high-quality fixtures and custom cabinetry." },
+                    { icon: Hammer, title: "In-House Products", description: "Curated selection of high-quality products sourced for longevity and timeless design." },
+                    { icon: ShieldCheck, title: "Transparent Process", description: "Clear project timelines and ownership throughout every stage of your renovation journey." }
+                ]}
+            />
+        </div>
+        <FooterBaseCard
+            logoText="Expert Plumbing"
+            columns={[]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/showroom/page.tsx b/src/app/showroom/page.tsx
new file mode 100644
index 0000000..13a8841
--- /dev/null
+++ b/src/app/showroom/page.tsx
@@ -0,0 +1,53 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+
+export default function ShowroomPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="small"
+        sizing="mediumLargeSizeLargeTitles"
+        background="floatingGradient"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Services", id: "/services" },
+                { name: "Showroom", id: "/showroom" },
+            ]}
+            brandName="Expert Plumbing"
+        />
+        <div className="pt-32 pb-20">
+            <ProductCardOne
+                title="Our Premium Collection"
+                description="Explore our curated in-house products designed for durability and elegance."
+                gridVariant="bento-grid"
+                animationType="slide-up"
+                textboxLayout="split"
+                products={[
+                    { id: "1", name: "European Faucet", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/luxury-faucet.jpg" },
+                    { id: "2", name: "Modern Vanity", price: "$1299", imageSrc: "http://img.b2bpic.net/free-photo/modern-vanity.jpg" },
+                    { id: "3", name: "Stone Basin", price: "$799", imageSrc: "http://img.b2bpic.net/free-photo/stone-basin.jpg" }
+                ]}
+            />
+        </div>
+        <FooterBaseCard
+            logoText="Expert Plumbing"
+            columns={[]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index d45b6e6..241bc41 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
-  --card: #f3ede2;
-  --foreground: #2e2521;
-  --primary-cta: #2e2521;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #1a1a1a;
+  --primary-cta: #d4af37;
   --primary-cta-text: #fcf6ec;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f1f1f1;
   --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
-  --background-accent: #b2a28b;
+  --accent: #d4af37;
+  --background-accent: #f9f9f9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);