diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 28635b1..b38885e 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -6,82 +6,62 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Products",
-          id: "/products",
-        },
-        {
-          name: "Order",
-          id: "/contact",
-        },
-      ]}
-      brandName="Theertham"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Products", id: "/products" },
+              { name: "Order", id: "/contact" },
+            ]}
+            brandName="Theertham"
+          />
+        </div>
 
-  <div id="about-section" data-section="about-section">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Our Story"
-      description="Born from a kitchen table and a desire to feed our family only the best, Theertham started as an effort to reclaim true, organic goodness. We don't just bake; we craft experiences that prioritize your health without sacrificing flavor."
-      imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-bread-table_23-2149234817.jpg"
-    />
-  </div>
+        <div id="about-section" data-section="about-section">
+          <MediaAbout
+            useInvertedBackground={false}
+            title="Our Story"
+            description="Born from a kitchen table and a desire to feed our family only the best, Theertham started as an effort to reclaim true, organic goodness. We don't just bake; we craft experiences that prioritize your health without sacrificing flavor."
+            imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-bread-table_23-2149234817.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Products",
-              href: "/products",
-            },
-            {
-              label: "Order Now",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Theertham"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Theertham"
+            columns={[
+              {
+                items: [
+                  { label: "About", href: "/about" },
+                  { label: "Products", href: "/products" },
+                  { label: "Order Now", href: "/contact" },
+                ],
+              },
+              {
+                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" },
+                ],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index f10d183..592a0dd 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -6,89 +6,65 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Products",
-          id: "/products",
-        },
-        {
-          name: "Order",
-          id: "/contact",
-        },
-      ]}
-      brandName="Theertham"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Products", id: "/products" },
+              { name: "Order", id: "/contact" },
+            ]}
+            brandName="Theertham"
+          />
+        </div>
 
-  <div id="contact-section" data-section="contact-section">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      text="Ready to taste the goodness? Place your order via WhatsApp and we will deliver fresh, homemade baked goods right to your doorstep."
-      buttons={[
-        {
-          text: "WhatsApp Us",
-          href: "https://wa.me/yournumber",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact-section" data-section="contact-section">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            text="Ready to taste the goodness? Place your order via WhatsApp and we will deliver fresh, homemade baked goods right to your doorstep."
+            buttons={[
+              {
+                text: "WhatsApp Us",                href: "https://wa.me/yournumber"},
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Products",
-              href: "/products",
-            },
-            {
-              label: "Order Now",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Theertham"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Theertham"
+            columns={[
+              {
+                items: [
+                  { label: "About", href: "/about" },
+                  { label: "Products", href: "/products" },
+                  { label: "Order Now", href: "/contact" },
+                ],
+              },
+              {
+                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" },
+                ],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9f45f14..a3b213f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { Leaf, ShieldCheck, Heart } from "lucide-react";
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
@@ -14,168 +15,98 @@ export default function LandingPage() {
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Products",
-          id: "/products",
-        },
-        {
-          name: "Order",
-          id: "/contact",
-        },
-      ]}
-      brandName="Theertham"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Products", id: "/products" },
+              { name: "Order", id: "/contact" },
+            ]}
+            brandName="Theertham"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "plain",
-      }}
-      title="Pure Ingredients, Pure Happiness"
-      description="Indulge in 100% natural, homemade cookies and brownies. No preservatives, no additives, just honest baking."
-      buttons={[
-        {
-          text: "Order Now",
-          href: "/contact",
-        },
-        {
-          text: "View Products",
-          href: "/products",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/homemade-oatmeal-cookies-with-chocolate-chips-concrete_114579-4091.jpg",
-          imageAlt: "Artisanal cookies",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-cake-slice-with-spoon_23-2148689808.jpg",
-          imageAlt: "Homemade brownies",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-food-ingredients-with-eggs_23-2148834733.jpg",
-          imageAlt: "Fresh organic ingredients",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-baked-cookies-done-by-vegan-bakery_23-2150195102.jpg",
-          imageAlt: "Boxed bakery goods",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-gingerbread-cookies-bowl_181624-60657.jpg",
-          imageAlt: "Close up chocolate cookie",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-grandparents-girl-kitchen_23-2150491971.jpg",
-          imageAlt: "Happy family with cookies",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            title="Pure Ingredients, Pure Happiness"
+            description="Indulge in 100% natural, homemade cookies and brownies. No preservatives, no additives, just honest baking."
+            background={{ variant: "plain" }}
+            buttons={[
+              { text: "Order Now", href: "/contact" },
+              { text: "View Products", href: "/products" },
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/homemade-oatmeal-cookies-with-chocolate-chips-concrete_114579-4091.jpg", imageAlt: "Artisanal cookies" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-cake-slice-with-spoon_23-2148689808.jpg", imageAlt: "Homemade brownies" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-food-ingredients-with-eggs_23-2148834733.jpg", imageAlt: "Fresh organic ingredients" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/view-baked-cookies-done-by-vegan-bakery_23-2150195102.jpg", imageAlt: "Boxed bakery goods" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-gingerbread-cookies-bowl_181624-60657.jpg", imageAlt: "Close up chocolate cookie" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-grandparents-girl-kitchen_23-2150491971.jpg", imageAlt: "Happy family with cookies" },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentySix
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "100% Natural Ingredients",
-          description: "Handpicked, organic components with zero compromise on quality.",
-          buttonIcon: "Leaf",
-        },
-        {
-          title: "No Chemicals Ever",
-          description: "Absolutely NO maida, NO additives, NO baking soda or synthetic agents.",
-          buttonIcon: "ShieldCheck",
-        },
-        {
-          title: "Healthy & Delicious",
-          description: "Guilt-free sweetness made with love, perfect for the whole family.",
-          buttonIcon: "Heart",
-        },
-      ]}
-      title="The Theertham Promise"
-      description="We believe in transparency and health. Our recipes are crafted to be as nourishing as they are delicious."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentySix
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="The Theertham Promise"
+            description="We believe in transparency and health. Our recipes are crafted to be as nourishing as they are delicious."
+            features={[
+              { title: "100% Natural Ingredients", description: "Handpicked, organic components with zero compromise on quality.", buttonIcon: Leaf },
+              { title: "No Chemicals Ever", description: "Absolutely NO maida, NO additives, NO baking soda or synthetic agents.", buttonIcon: ShieldCheck },
+              { title: "Healthy & Delicious", description: "Guilt-free sweetness made with love, perfect for the whole family.", buttonIcon: Heart },
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="The best organic treats I've found! It's so rare to find desserts without refined sugar or additives that actually taste this good."
-      rating={5}
-      author="Priya Sharma"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-natural-young-woman-portrait_23-2148994706.jpg",
-          alt: "Priya Sharma",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-friends-posing-together_23-2150172180.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-man-smiling-with-copy-space_23-2148435784.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13341.jpg",
-          alt: "Customer",
-        },
-      ]}
-      ratingAnimation="blur-reveal"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="The best organic treats I've found! It's so rare to find desserts without refined sugar or additives that actually taste this good."
+            rating={5}
+            author="Priya Sharma"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/beautiful-natural-young-woman-portrait_23-2148994706.jpg", alt: "Priya Sharma" },
+              { src: "http://img.b2bpic.net/free-photo/front-view-smiley-friends-posing-together_23-2150172180.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/handsome-man-smiling-with-copy-space_23-2148435784.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13341.jpg", alt: "Customer" },
+            ]}
+            ratingAnimation="blur-reveal"
+            avatarsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Products",
-              href: "/products",
-            },
-            {
-              label: "Order Now",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Theertham"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Theertham"
+            columns={[
+              {
+                items: [
+                  { label: "About", href: "/about" },
+                  { label: "Products", href: "/products" },
+                  { label: "Order Now", href: "/contact" },
+                ],
+              },
+              {
+                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" },
+                ],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
index a27d752..642a3b8 100644
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -6,107 +6,72 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 
-export default function LandingPage() {
+export default function ProductsPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Products",
-          id: "/products",
-        },
-        {
-          name: "Order",
-          id: "/contact",
-        },
-      ]}
-      brandName="Theertham"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Products", id: "/products" },
+              { name: "Order", id: "/contact" },
+            ]}
+            brandName="Theertham"
+          />
+        </div>
 
-  <div id="products-grid" data-section="products-grid">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Classic Choco Brownies",
-          price: "$12",
-          variant: "Box of 6",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-sweet-bakery-arrangement_23-2148654062.jpg",
-        },
-        {
-          id: "p2",
-          name: "Almond Crisp Cookies",
-          price: "$10",
-          variant: "Pack of 12",
-          imageSrc: "http://img.b2bpic.net/free-photo/cocoa-sesame-cookies-rustic-wooden-board-with-cup-tea_114579-62019.jpg",
-        },
-        {
-          id: "p3",
-          name: "Oats & Honey Cookies",
-          price: "$10",
-          variant: "Pack of 12",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-pile-cookie-oatmeal-bowl-half-cut-orange-grey-surface_114579-84037.jpg",
-        },
-      ]}
-      title="Our Signature Collection"
-      description="From chewy chocolate brownies to crisp almond cookies, discover the taste of natural baking."
-    />
-  </div>
+        <div id="products-grid" data-section="products-grid">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            title="Our Signature Collection"
+            description="From chewy chocolate brownies to crisp almond cookies, discover the taste of natural baking."
+            products={[
+              {
+                id: "p1",                name: "Classic Choco Brownies",                price: "$12",                variant: "Box of 6",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-sweet-bakery-arrangement_23-2148654062.jpg"},
+              {
+                id: "p2",                name: "Almond Crisp Cookies",                price: "$10",                variant: "Pack of 12",                imageSrc: "http://img.b2bpic.net/free-photo/cocoa-sesame-cookies-rustic-wooden-board-with-cup-tea_114579-62019.jpg"},
+              {
+                id: "p3",                name: "Oats & Honey Cookies",                price: "$10",                variant: "Pack of 12",                imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-pile-cookie-oatmeal-bowl-half-cut-orange-grey-surface_114579-84037.jpg"},
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Products",
-              href: "/products",
-            },
-            {
-              label: "Order Now",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Theertham"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Theertham"
+            columns={[
+              {
+                items: [
+                  { label: "About", href: "/about" },
+                  { label: "Products", href: "/products" },
+                  { label: "Order Now", href: "/contact" },
+                ],
+              },
+              {
+                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" },
+                ],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );