diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 17dbe47..dd14288 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -7,7 +7,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
@@ -22,57 +22,54 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Veloura Intimates"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Shop", id: "/shop" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Veloura Intimates"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Heritage"
-      description="Crafting beauty since 2025."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/artistic-close-up-shot-of-lace-detail-on-1774618525645-fb0f2f0f.png"
-      videoSrc="https://www.w3schools.com/howto/mov_bbb.mp4?_wi=2"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Heritage"
+            description="Crafting beauty since 2025."
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/artistic-close-up-shot-of-lace-detail-on-1774618525645-fb0f2f0f.png"
+            videoSrc="https://www.w3schools.com/howto/mov_bbb.mp4"
+            mediaAnimation="slide-up"
+            bulletPoints={[
+                { title: "Hand-picked silk", description: "Sourced from top manufacturers." },
+                { title: "Inclusive sizing", description: "Available for every body type." }
+            ]}
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Our Values"
-      tag="Integrity"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metric" data-section="metric">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Our Values"
+            tag="Integrity"
+            metricsAnimation="slide-up"
+            metrics={[
+                { id: "v1", value: "100%", description: "Ethical Sourcing" },
+                { id: "v2", value: "100%", description: "Fair Labor" },
+                { id: "v3", value: "100%", description: "Sustainability" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Veloura Intimates"
-      copyrightText="© 2025 Veloura Intimates. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Veloura Intimates"
+            copyrightText="© 2025 Veloura Intimates. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 01a42bc..29bef52 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -7,7 +7,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
@@ -22,53 +22,50 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Veloura Intimates"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Shop", id: "/shop" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Veloura Intimates"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      sideTitle="Support"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            sideTitle="Support"
+            faqsAnimation="slide-up"
+            faqs={[
+                { title: "Shipping info?", content: "Ships in 3-5 days." },
+                { title: "Contact email?", content: "support@veloura.com" }
+            ]}
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Contact Metrics"
-      tag="Reach Us"
-      metricsAnimation="opacity"
-    />
-  </div>
+        <div id="metric" data-section="metric">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Contact Metrics"
+            tag="Reach Us"
+            metricsAnimation="opacity"
+            metrics={[
+                { id: "c1", value: "15min", description: "Average Reply" },
+                { id: "c2", value: "100%", description: "Solved Issues" },
+                { id: "c3", value: "24/7", description: "Available" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Veloura Intimates"
-      copyrightText="© 2025 Veloura Intimates. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Veloura Intimates"
+            copyrightText="© 2025 Veloura Intimates. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 0c34375..d747b67 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -7,7 +7,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 
-export default function LandingPage() {
+export default function ShopPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
@@ -22,55 +22,53 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Veloura Intimates"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Shop", id: "/shop" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Veloura Intimates"
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Shop Collections"
-      description="Explore our signature luxury sets."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Shop Collections"
+            description="Explore our signature luxury sets."
+            plans={[
+                { title: "Basic Set", price: "$50", features: ["Standard lace", "Comfort fit"] },
+                { title: "Premium Set", price: "$90", features: ["Silk detail", "Hand-crafted lace", "Enhanced support"] },
+                { title: "Luxury Set", price: "$150", features: ["Premium silk", "Gold-plated details", "Custom gift box"] }
+            ]}
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Veloura Standards"
-      tag="Excellence"
-      metricsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="metric" data-section="metric">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Veloura Standards"
+            tag="Excellence"
+            metricsAnimation="blur-reveal"
+            metrics={[
+                { id: "m1", value: "100%", description: "Quality Satisfaction" },
+                { id: "m2", value: "24h", description: "Support Response" },
+                { id: "m3", value: "500+", description: "Five Star Reviews" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Veloura Intimates"
-      copyrightText="© 2025 Veloura Intimates. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Veloura Intimates"
+            copyrightText="© 2025 Veloura Intimates. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );