Merge version_9 into main

Merge version_9 into main

src/app/contact/page.tsx

@@ -0,0 +1,151 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Mail } from 'lucide-react';
+import { useState } from 'react';
+
+export default function ContactPage() {
+  const [formStatus, setFormStatus] = useState<'idle' | 'loading' | 'success' | 'error'>('idle');
+  const [formMessage, setFormMessage] = useState('');
+
+  const handleContactSubmit = async (email: string) => {
+    setFormStatus('loading');
+    setFormMessage('');
+
+    try {
+      // Simulate form submission with a delay
+      await new Promise(resolve => setTimeout(resolve, 1000));
+
+      // Here you would typically send the email to your backend
+      // Example: await fetch('/api/contact', { method: 'POST', body: JSON.stringify({ email }) })
+
+      setFormStatus('success');
+      setFormMessage('Thank you for contacting us! We\'ll get back to you shortly.');
+
+      // Reset form after 3 seconds
+      setTimeout(() => {
+        setFormStatus('idle');
+        setFormMessage('');
+      }, 3000);
+    } catch (error) {
+      setFormStatus('error');
+      setFormMessage('Something went wrong. Please try again.');
+    }
+  };
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="mediumSizeLargeTitles"
+      background="blurBottom"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="WhitePop"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "How It Works", id: "#how-it-works" },
+            { name: "Before & After", id: "#before-after" },
+            { name: "Benefits", id: "#benefits" },
+            { name: "Reviews", id: "#testimonials" },
+            { name: "FAQ", id: "#faq" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          button={{ text: "Shop Now", href: "/#pricing" }}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Get In Touch"
+          title="Contact Us"
+          description="Have questions about WhitePop Pro? We'd love to hear from you. Send us a message and we'll respond as soon as possible."
+          tagIcon={Mail}
+          tagAnimation="slide-up"
+          inputPlaceholder="Enter your email"
+          buttonText="Send Message"
+          termsText="By submitting this form, you agree to our Terms and Conditions and Privacy Policy."
+          onSubmit={handleContactSubmit}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          ariaLabel="Contact us section"
+          titleClassName="text-foreground"
+          descriptionClassName="text-foreground"
+          inputClassName="text-foreground"
+          buttonTextClassName="text-foreground"
+          termsClassName="text-foreground"
+        />
+      </div>
+
+      {formStatus !== 'idle' && (
+        <div className="fixed top-4 right-4 z-50 p-4 rounded-lg shadow-lg bg-card border border-accent">
+          {formStatus === 'loading' && (
+            <p className="text-foreground">Sending your message...</p>
+          )}
+          {formStatus === 'success' && (
+            <p className="text-green-600">{formMessage}</p>
+          )}
+          {formStatus === 'error' && (
+            <p className="text-red-600">{formMessage}</p>
+          )}
+        </div>
+      )}
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="WhitePop Pro"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Whitening Strips", href: "/#pricing" },
+                { label: "How It Works", href: "/#how-it-works" },
+                { label: "Benefits", href: "/#benefits" },
+                { label: "Results", href: "/#before-after" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#" },
+                { label: "Contact", href: "/contact" },
+                { label: "Blog", href: "#" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              title: "Support",              items: [
+                { label: "FAQ", href: "/#faq" },
+                { label: "Shipping Info", href: "#" },
+                { label: "Returns", href: "#" },
+                { label: "Track Order", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Disclaimer", href: "#" },
+                { label: "Cookie Policy", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 WhitePop Pro. All rights reserved. | Dentist Approved | Made with 💚 for your smile."
+          ariaLabel="WhitePop Pro footer"
+          logoTextClassName="text-foreground"
+          columnTitleClassName="text-foreground"
+          columnItemClassName="text-foreground"
+          copyrightTextClassName="text-foreground"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -7,6 +7,7 @@ import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Public_Sans } from "next/font/google";
 import { Poppins } from "next/font/google";
+import { Open_Sans } from "next/font/google";
 
 
 
@@ -16,12 +17,14 @@ export const metadata: Metadata = {
 };
 
 
-const poppins = Poppins({
-  variable: "--font-poppins",  subsets: ["latin"],
-  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
-});
+
 const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
+  variable: "--font-inter",
+  subsets: ["latin"],
+});
+const openSans = Open_Sans({
+  variable: "--font-open-sans",
+  subsets: ["latin"],
 });
 
 export default function RootLayout({
@@ -32,7 +35,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${poppins.variable} ${inter.variable} antialiased`}>
+        <body className={`${inter.variable} ${openSans.variable} antialiased`}>
           <Tag />
           {children}
           <script

src/app/page.tsx

@@ -10,7 +10,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { CheckCircle, Clock, Shield, Smile, Sparkles, TrendingUp, Zap, Droplet, Leaf, Award, Zap as ZapIcon, Heart, Lock } from 'lucide-react';
 
@@ -47,20 +47,26 @@ export default function LandingPage() {
           logoText="WhitePop Pro"
           description="Professional-grade teeth whitening in 30 minutes. Enamel-safe, peroxide-free formula with nano hydroxyapatite technology."
           buttons={[
-            { text: "Shop Now", href: "#pricing" },
+            { text: "Get My Brighter Smile", href: "#pricing" },
             { text: "See Results", href: "#before-after" }
           ]}
           slides={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-girl-is-happy-smiling-laughing-look-stright-expressive-facial-expressions-cosmet_1258-136364.jpg",              imageAlt: "Woman smiling brightly with WhitePop Pro results"
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-girl-is-happy-smiling-laughing-look-stright-expressive-facial-expressions-cosmet_1258-136364.jpg?w=1200&h=800&q=80",              imageAlt: "Woman smiling brightly with WhitePop Pro results"
             },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-blonde-model-with-curly-hair-closeup-mouth-painted-with-bright-blue-lipstick-smiling-watching-camera_633478-803.jpg",              imageAlt: "Radiant smile showcasing WhitePop Pro whitening strips"
+              imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-blonde-model-with-curly-hair-closeup-mouth-painted-with-bright-blue-lipstick-smiling-watching-camera_633478-803.jpg?w=1200&h=800&q=80",              imageAlt: "Radiant smile showcasing WhitePop Pro whitening strips"
             }
           ]}
           autoplayDelay={4000}
           showDimOverlay={false}
           ariaLabel="WhitePop Pro Hero Carousel - Teeth Whitening Product and Results"
+          containerClassName="w-full mx-auto"
+          mediaWrapperClassName="w-full h-auto max-w-4xl mx-auto"
+          imageClassName="w-full h-auto object-cover"
+          logoClassName="text-foreground text-sm sm:text-base lg:text-lg"
+          descriptionClassName="text-foreground"
+          buttonTextClassName="text-foreground"
         />
       </div>
 
@@ -86,6 +92,13 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={true}
           ariaLabel="WhitePop Pro results metrics section"
+          containerClassName="w-full mx-auto px-4 sm:px-6 lg:px-8"
+          cardClassName="w-full h-auto"
+          gridClassName="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6"
+          metricTitleClassName="text-foreground"
+          valueClassName="text-foreground"
+          textBoxTitleClassName="text-foreground"
+          textBoxDescriptionClassName="text-foreground"
         />
       </div>
 
@@ -96,7 +109,7 @@ export default function LandingPage() {
           features={[
             {
               id: "step-1",              title: "Apply",              description: "Gently apply the whitening strip to your upper and lower teeth. The comfortable fit stays secure throughout treatment.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-removing-eye-patches-from-his-face_23-2149259933.jpg",                imageAlt: "Step 1 - Applying WhitePop Pro whitening strips"
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B3BkvuCC9TO7wRZkmeE89Hqnmm/uploaded-1773714333203-8bk7j7qk.png",                imageAlt: "Step 1 - Applying WhitePop Pro whitening strips"
               },
               items: [
                 { icon: Zap, text: "30-second application" }
@@ -105,7 +118,7 @@ export default function LandingPage() {
             },
             {
               id: "step-2",              title: "Wait 30 Minutes",              description: "Let the nano hydroxyapatite formula work its magic. Advanced formula safely penetrates stains without sensitivity.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-pink-mask_23-2148627165.jpg",                imageAlt: "Step 2 - Waiting 30 minutes for treatment"
+                imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-pink-mask_23-2148627165.jpg?w=600&h=600&q=80",                imageAlt: "Step 2 - Waiting 30 minutes for treatment"
               },
               items: [
                 { icon: Clock, text: "Just 30 minutes daily" }
@@ -114,7 +127,7 @@ export default function LandingPage() {
             },
             {
               id: "step-3",              title: "Reveal Your Brighter Smile",              description: "Remove the strip and enjoy immediate results. With consistent use, see dramatic whitening within 7 days.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/woman-studio-taking-self-photo_23-2148846675.jpg",                imageAlt: "Step 3 - Bright white smile results"
+                imageSrc: "http://img.b2bpic.net/free-photo/woman-studio-taking-self-photo_23-2148846675.jpg?w=600&h=600&q=80",                imageAlt: "Step 3 - Bright white smile results"
               },
               items: [
                 { icon: Smile, text: "Results in 7 days" }
@@ -126,6 +139,14 @@ export default function LandingPage() {
           animationType="slide-up"
           useInvertedBackground={false}
           ariaLabel="How WhitePop Pro works - three easy steps"
+          containerClassName="w-full mx-auto px-4 sm:px-6 lg:px-8"
+          mediaWrapperClassName="w-full h-auto max-w-lg mx-auto"
+          mediaCardClassName="w-full h-auto"
+          textBoxTitleClassName="text-foreground"
+          textBoxDescriptionClassName="text-foreground"
+          featureTitleClassName="text-foreground"
+          featureDescriptionClassName="text-foreground"
+          listItemClassName="text-foreground"
         />
       </div>
 
@@ -138,10 +159,16 @@ export default function LandingPage() {
           buttons={[
             { text: "Shop Now", href: "#pricing" }
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-couple-casual-clothes-man-woman-happy-positive-smiling-cheerfully-standing-white-wall_141793-101769.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-couple-casual-clothes-man-woman-happy-positive-smiling-cheerfully-standing-white-wall_141793-101769.jpg?w=800&h=600&q=80"
           imageAlt="WhitePop Pro benefits - happy couple with bright smiles"
           useInvertedBackground={false}
           ariaLabel="WhitePop Pro benefits section"
+          mediaWrapperClassName="w-full h-auto max-w-lg mx-auto"
+          mediaClassName="w-full h-auto object-cover"
+          titleClassName="text-foreground"
+          descriptionClassName="text-foreground"
+          tagClassName="text-foreground"
+          buttonTextClassName="text-foreground"
         />
       </div>
 
@@ -151,24 +178,35 @@ export default function LandingPage() {
           description="Join over 50,000 people who've transformed their smiles with WhitePop Pro. Real results from real customers."
           testimonials={[
             {
-              id: "1",              name: "Sarah Johnson",              date: "2 weeks ago",              title: "Game Changer!",              quote: "My teeth looked noticeably whiter in just a few days. I can't believe how well these work without sensitivity. Highly recommend!",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280737.jpg",              avatarAlt: "Sarah Johnson"
+              id: "1",              name: "Sarah Johnson",              date: "2 weeks ago",              title: "Game Changer!",              quote: "My teeth looked noticeably whiter in just a few days. I can't believe how well these work without sensitivity. Highly recommend!",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280737.jpg?w=200&h=200&q=80",              avatarAlt: "Sarah Johnson"
             },
             {
-              id: "2",              name: "Michael Chen",              date: "1 month ago",              title: "Professional Results at Home",              quote: "As a professional, my smile matters. WhitePop Pro gave me the same results as expensive dental treatments but for a fraction of the cost.",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/closeup-confident-businessman-turn-face-camera-smiling-selfassured-standing-white-backgro_1258-113227.jpg",              avatarAlt: "Michael Chen"
+              id: "2",              name: "Michael Chen",              date: "1 month ago",              title: "Professional Results at Home",              quote: "As a professional, my smile matters. WhitePop Pro gave me the same results as expensive dental treatments but for a fraction of the cost.",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/closeup-confident-businessman-turn-face-camera-smiling-selfassured-standing-white-backgro_1258-113227.jpg?w=200&h=200&q=80",              avatarAlt: "Michael Chen"
             },
             {
-              id: "3",              name: "Emily Rodriguez",              date: "3 weeks ago",              title: "No More Coffee Stains!",              quote: "I'm a coffee addict and my teeth were suffering. WhitePop Pro saved me! My smile is brighter than ever.",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-asian-woman_1098-21999.jpg",              avatarAlt: "Emily Rodriguez"
+              id: "3",              name: "Emily Rodriguez",              date: "3 weeks ago",              title: "No More Coffee Stains!",              quote: "I'm a coffee addict and my teeth were suffering. WhitePop Pro saved me! My smile is brighter than ever.",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-asian-woman_1098-21999.jpg?w=200&h=200&q=80",              avatarAlt: "Emily Rodriguez"
             },
             {
-              id: "4",              name: "David Kim",              date: "1 week ago",              title: "Easy and Effective",              quote: "Super easy to use, and the results are amazing. 30 minutes a day and I have a Hollywood smile. Love it!",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-holding-smartphone_23-2149915890.jpg",              avatarAlt: "David Kim"
+              id: "4",              name: "David Kim",              date: "1 week ago",              title: "Easy and Effective",              quote: "Super easy to use, and the results are amazing. 30 minutes a day and I have a Hollywood smile. Love it!",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-holding-smartphone_23-2149915890.jpg?w=200&h=200&q=80",              avatarAlt: "David Kim"
             },
             {
-              id: "5",              name: "Jessica Martinez",              date: "10 days ago",              title: "Worth Every Penny",              quote: "I've tried other whitening products before, but WhitePop Pro is by far the best. The results are incredible and they last!",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/confident-determined-young-girl-student-cross-arms-chest-power-pose-smiling-looking-self-assured-standing-white-background-near-your-logo-place-banner_176420-44471.jpg",              avatarAlt: "Jessica Martinez"
+              id: "5",              name: "Jessica Martinez",              date: "10 days ago",              title: "Worth Every Penny",              quote: "I've tried other whitening products before, but WhitePop Pro is by far the best. The results are incredible and they last!",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/confident-determined-young-girl-student-cross-arms-chest-power-pose-smiling-looking-self-assured-standing-white-background-near-your-logo-place-banner_176420-44471.jpg?w=200&h=200&q=80",              avatarAlt: "Jessica Martinez"
             }
           ]}
           textboxLayout="default"
           useInvertedBackground={true}
           ariaLabel="Customer testimonials section"
+          containerClassName="w-full mx-auto px-4 sm:px-6 lg:px-8"
+          cardClassName="w-full h-auto"
+          cardAvatarClassName="w-10 h-10 sm:w-12 sm:h-12"
+          carouselClassName="w-full"
+          textBoxTitleClassName="text-foreground"
+          textBoxDescriptionClassName="text-foreground"
+          cardTitleClassName="text-foreground"
+          cardQuoteClassName="text-foreground"
+          cardAuthorClassName="text-foreground"
+          cardNameClassName="text-foreground"
+          cardDateClassName="text-foreground"
         />
       </div>
 
@@ -188,25 +226,35 @@ export default function LandingPage() {
                 "28 whitening strips (14-day supply)",                "Nano hydroxyapatite formula",                "Enamel-safe technology",                "30-day money-back guarantee",                "Free shipping included",                "Save $9.99"
               ],
               button: { text: "Buy Now", href: "#" },
-              imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-mask-pills-thermometer-pink-green-background_1182-1080.jpg?_wi=3",              imageAlt: "WhitePop Pro 2 Pack Bundle"
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-mask-pills-thermometer-pink-green-background_1182-1080.jpg?w=400&h=400&q=80&_wi=1",              imageAlt: "WhitePop Pro 2 Pack Bundle"
             },
             {
               id: "bundle-3",              title: "3 Pack Bundle",              price: "$69.99",              period: "Best Value",              features: [
                 "42 whitening strips (21-day supply)",                "Nano hydroxyapatite formula",                "Enamel-safe technology",                "30-day money-back guarantee",                "Free shipping included",                "Save $19.98 (33% off)",                "Results guaranteed or your money back"
               ],
               button: { text: "Buy Now", href: "#" },
-              imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-mask-pills-thermometer-pink-green-background_1182-1080.jpg?_wi=4",              imageAlt: "WhitePop Pro 3 Pack Bundle - Best Value"
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-mask-pills-thermometer-pink-green-background_1182-1080.jpg?w=400&h=400&q=80&_wi=2",              imageAlt: "WhitePop Pro 3 Pack Bundle - Best Value"
             }
           ]}
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
           ariaLabel="WhitePop Pro pricing plans section"
+          containerClassName="w-full mx-auto px-4 sm:px-6 lg:px-8"
+          cardClassName="w-full h-auto"
+          planImageWrapperClassName="w-full h-auto max-w-xs mx-auto"
+          planImageClassName="w-full h-auto object-cover"
+          textBoxTitleClassName="text-foreground"
+          textBoxDescriptionClassName="text-foreground"
+          planTitleClassName="text-foreground"
+          planPriceClassName="text-foreground"
+          planButtonTextClassName="text-foreground"
+          featureTextClassName="text-foreground"
         />
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqSplitMedia
+        <FaqBase
           title="Frequently Asked Questions"
           description="Everything you need to know about WhitePop Pro whitening strips."
           faqs={[
@@ -229,13 +277,15 @@ export default function LandingPage() {
               id: "6",              title: "What's your money-back guarantee?",              content: "We're so confident you'll love WhitePop Pro that we offer a 30-day money-back guarantee. If you're not satisfied for any reason, simply contact customer service within 30 days of purchase for a full refund—no questions asked!"
             }
           ]}
-          imageSrc="http://img.b2bpic.net/free-vector/coupon-sale-label-set_23-2147941071.jpg"
-          imageAlt="30-day money-back guarantee seal"
-          mediaAnimation="slide-up"
           textboxLayout="default"
           faqsAnimation="blur-reveal"
           useInvertedBackground={true}
           ariaLabel="Frequently asked questions about WhitePop Pro"
+          containerClassName="w-full mx-auto px-4 sm:px-6 lg:px-8"
+          textBoxTitleClassName="text-foreground"
+          textBoxDescriptionClassName="text-foreground"
+          accordionTitleClassName="text-foreground"
+          accordionContentClassName="text-foreground"
         />
       </div>
 
@@ -278,6 +328,11 @@ export default function LandingPage() {
           ]}
           copyrightText="© 2025 WhitePop Pro. All rights reserved. | Dentist Approved | Made with 💚 for your smile."
           ariaLabel="WhitePop Pro footer"
+          containerClassName="w-full mx-auto px-4 sm:px-6 lg:px-8"
+          logoTextClassName="text-foreground"
+          columnTitleClassName="text-foreground"
+          columnItemClassName="text-foreground"
+          copyrightTextClassName="text-foreground"
         />
       </div>
     </ThemeProvider>

src/app/privacy-policy/page.tsx

@@ -0,0 +1,161 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import LegalSection from '@/components/legal/LegalSection';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function PrivacyPolicyPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="mediumSizeLargeTitles"
+      background="blurBottom"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="WhitePop"
+          navItems={[
+            { name: "How It Works", id: "how-it-works" },
+            { name: "Before & After", id: "before-after" },
+            { name: "Benefits", id: "benefits" },
+            { name: "Reviews", id: "testimonials" },
+            { name: "FAQ", id: "faq" }
+          ]}
+          button={{ text: "Shop Now", href: "/" }}
+        />
+      </div>
+
+      <div id="legal" data-section="legal">
+        <LegalSection
+          layout="page"
+          title="Privacy Policy"
+          subtitle="Last Updated: January 2025"
+          sections={[
+            {
+              heading: "1. Introduction",              content: [
+                {
+                  type: "paragraph",                  text: "WhitePop Pro (\"Company\" or \"We\") respects the privacy of our users (\"User\" or \"You\"). This Privacy Policy explains how we collect, use, disclose, and safeguard your information when you visit our website and use our products and services."
+                },
+                {
+                  type: "paragraph",                  text: "Please read this Privacy Policy carefully. If you do not agree with our policies and practices, please do not use our Services. By accessing and using WhitePop Pro, you acknowledge that you have read, understood, and agree to be bound by all the terms of this Privacy Policy."
+                }
+              ]
+            },
+            {
+              heading: "2. Information We Collect",              content: [
+                {
+                  type: "paragraph",                  text: "We may collect information about you in a variety of ways. The information we may collect on the Site includes:"
+                },
+                {
+                  type: "list",                  items: [
+                    "Personal Data: Personally identifiable information, such as your name, shipping address, email address, and telephone number, that you voluntarily give to us when you register with the Site and when you choose to participate in various activities related to the Site.",                    "Financial Data: Financial information, such as data related to your payment method (e.g., valid credit card number, card brand, expiration date) that we may collect when you purchase, order, return, exchange, or request information about our services from the Site.",                    "Data From Social Networks: User information from social networks, including your name, your social network username, location, gender, birth date, email address, profile picture, and public data for contacts, if you connect your account to such social networks.",                    "Mobile Device Data: Mobile device information, such as device type, your mobile device unique ID, mobile operating system, and mobile internet browser type.",                    "Third-Party Data: Information from third parties, such as personal information or network friends if you connect your account to the third party and grant the Site permission to access this information."
+                  ]
+                }
+              ]
+            },
+            {
+              heading: "3. Use of Your Information",              content: [
+                {
+                  type: "paragraph",                  text: "Having accurate information about you permits us to provide you with a smooth, efficient, and customized experience. Specifically, we may use information collected about you via the Site to:"
+                },
+                {
+                  type: "numbered-list",                  items: [
+                    "Process your transactions and send related information",                    "Generate a personal profile about you so that future visits to the Site will be personalized as possible",                    "Increase the efficiency and operation of the Site",                    "Monitor and analyze usage and trends to improve your experience with the Site",                    "Notify you of updates to the Site",                    "Offer new products, services, and/or recommendations to you"
+                  ]
+                }
+              ]
+            },
+            {
+              heading: "4. Disclosure of Your Information",              content: [
+                {
+                  type: "paragraph",                  text: "We may share information we have collected about you in certain situations:"
+                },
+                {
+                  type: "list",                  items: [
+                    "By Law or to Protect Rights: If we believe the release of information about you is necessary to comply with the law, enforce our Site policies, or protect ours or others' rights, property, or safety.",                    "Third-Party Service Providers: We may share your information with third parties that perform services for us, including payment processors, data analysis providers, email delivery services, hosting providers, customer service, and marketing assistance.",                    "Business Transfers: If we are involved in a merger, acquisition, or asset sale, your information may be transferred as part of that transaction."
+                  ]
+                }
+              ]
+            },
+            {
+              heading: "5. Security of Your Information",              content: [
+                {
+                  type: "paragraph",                  text: "We use administrative, technical, and physical security measures to help protect your personal information. While we have taken reasonable steps to secure the personal information you provide to us, please be aware that despite our efforts, no security measures are perfect or impenetrable."
+                }
+              ]
+            },
+            {
+              heading: "6. Contact Us",              content: [
+                {
+                  type: "paragraph",                  text: "If you have questions or comments about this Privacy Policy, please contact us at:"
+                },
+                {
+                  type: "list",                  items: [
+                    "Email: privacy@whitepoppro.com",                    "Mailing Address: WhitePop Pro, 123 Smile Street, Bright City, BC 12345, Canada",                    "Phone: 1-800-WHITE-POP"
+                  ]
+                }
+              ]
+            }
+          ]}
+          titleClassName="text-foreground"
+          headingClassName="text-foreground"
+          contentClassName="text-foreground"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="WhitePop Pro"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Whitening Strips", href: "/#pricing" },
+                { label: "How It Works", href: "/#how-it-works" },
+                { label: "Benefits", href: "/#benefits" },
+                { label: "Results", href: "/#before-after" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#" },
+                { label: "Contact", href: "#" },
+                { label: "Blog", href: "#" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              title: "Support",              items: [
+                { label: "FAQ", href: "/#faq" },
+                { label: "Shipping Info", href: "/shipping-policy" },
+                { label: "Returns", href: "/refund-policy" },
+                { label: "Track Order", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "/privacy-policy" },
+                { label: "Terms of Service", href: "/terms-of-service" },
+                { label: "Refund Policy", href: "/refund-policy" },
+                { label: "Cookie Policy", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 WhitePop Pro. All rights reserved. | Dentist Approved | Made with 💚 for your smile."
+          ariaLabel="WhitePop Pro footer"
+          logoTextClassName="text-foreground"
+          columnTitleClassName="text-foreground"
+          columnItemClassName="text-foreground"
+          copyrightTextClassName="text-foreground"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/product/whitepop-pro/page.tsx

@@ -0,0 +1,304 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import { CheckCircle, Clock, Shield, Smile, Sparkles, TrendingUp, Zap, Heart, Award } from 'lucide-react';
+
+export default function WhitePopProPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="mediumSizeLargeTitles"
+      background="blurBottom"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="WhitePop"
+          navItems={[
+            { name: "Product", id: "product" },
+            { name: "Before & After", id: "before-after" },
+            { name: "How It Works", id: "how-it-works" },
+            { name: "Reviews", id: "testimonials" },
+            { name: "FAQ", id: "faq" }
+          ]}
+          button={{ text: "Buy Now", href: "#pricing" }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroCarouselLogo
+          logoText="WhitePop Pro"
+          description="Professional-grade teeth whitening in 30 minutes. Enamel-safe, peroxide-free formula with nano hydroxyapatite technology."
+          buttons={[
+            { text: "Shop Now", href: "#pricing" },
+            { text: "See Results", href: "#before-after" }
+          ]}
+          slides={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-girl-is-happy-smiling-laughing-look-stright-expressive-facial-expressions-cosmet_1258-136364.jpg",              imageAlt: "Woman smiling brightly with WhitePop Pro results"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-blonde-model-with-curly-hair-closeup-mouth-painted-with-bright-blue-lipstick-smiling-watching-camera_633478-803.jpg",              imageAlt: "Radiant smile showcasing WhitePop Pro whitening strips"
+            }
+          ]}
+          autoplayDelay={4000}
+          showDimOverlay={false}
+          ariaLabel="WhitePop Pro Product Page - Hero Carousel with Teeth Whitening Results"
+        />
+      </div>
+
+      <div id="product" data-section="product">
+        <ProductCardThree
+          title="WhitePop Pro Whitening Strips"
+          description="Choose the perfect whitening bundle for your smile. All products include our advanced nano hydroxyapatite formula and 30-day money-back guarantee."
+          products={[
+            {
+              id: "single-pack",              name: "Single Pack",              price: "$29.99",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-mask-pills-thermometer-pink-green-background_1182-1080.jpg?_wi=1",              imageAlt: "WhitePop Pro Single Pack - 14 whitening strips",              initialQuantity: 1
+            },
+            {
+              id: "bundle-2pack",              name: "2 Pack Bundle",              price: "$49.99",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-mask-pills-thermometer-pink-green-background_1182-1080.jpg?_wi=2",              imageAlt: "WhitePop Pro 2 Pack Bundle - 28 whitening strips - Best Seller",              initialQuantity: 1
+            },
+            {
+              id: "bundle-3pack",              name: "3 Pack Bundle",              price: "$69.99",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-mask-pills-thermometer-pink-green-background_1182-1080.jpg?_wi=3",              imageAlt: "WhitePop Pro 3 Pack Bundle - 42 whitening strips - Best Value",              initialQuantity: 1
+            }
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          ariaLabel="WhitePop Pro product selection"
+        />
+      </div>
+
+      <div id="before-after" data-section="before-after">
+        <MetricCardThree
+          title="Visible Results in Just 7 Days"
+          description="Our customers see dramatic whitening results with consistent use. Here's what real WhitePop Pro users experienced:"
+          metrics={[
+            {
+              id: "result-1",              icon: Sparkles,
+              title: "Shade Improvement",              value: "+8 Shades"
+            },
+            {
+              id: "result-2",              icon: TrendingUp,
+              title: "Timeline",              value: "7 Days"
+            },
+            {
+              id: "result-3",              icon: CheckCircle,
+              title: "Enamel Safe",              value: "100%"
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          ariaLabel="WhitePop Pro results metrics section"
+        />
+      </div>
+
+      <div id="how-it-works" data-section="how-it-works">
+        <FeatureCardTen
+          title="How WhitePop Pro Works"
+          description="Three simple steps to transform your smile. Takes just 30 minutes daily."
+          features={[
+            {
+              id: "step-1",              title: "Apply",              description: "Gently apply the whitening strip to your upper and lower teeth. The comfortable fit stays secure throughout treatment.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-removing-eye-patches-from-his-face_23-2149259933.jpg",                imageAlt: "Step 1 - Applying WhitePop Pro whitening strips"
+              },
+              items: [
+                { icon: Zap, text: "30-second application" }
+              ],
+              reverse: false
+            },
+            {
+              id: "step-2",              title: "Wait 30 Minutes",              description: "Let the nano hydroxyapatite formula work its magic. Advanced formula safely penetrates stains without sensitivity.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-pink-mask_23-2148627165.jpg",                imageAlt: "Step 2 - Waiting 30 minutes for treatment"
+              },
+              items: [
+                { icon: Clock, text: "Just 30 minutes daily" }
+              ],
+              reverse: true
+            },
+            {
+              id: "step-3",              title: "Reveal Your Brighter Smile",              description: "Remove the strip and enjoy immediate results. With consistent use, see dramatic whitening within 7 days.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/woman-studio-taking-self-photo_23-2148846675.jpg",                imageAlt: "Step 3 - Bright white smile results"
+              },
+              items: [
+                { icon: Smile, text: "Results in 7 days" }
+              ],
+              reverse: false
+            }
+          ]}
+          textboxLayout="split"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          ariaLabel="How WhitePop Pro works - three easy steps"
+        />
+      </div>
+
+      <div id="benefits" data-section="benefits">
+        <MediaAbout
+          title="Why Choose WhitePop Pro?"
+          description="Backed by dentists and trusted by over 50,000 satisfied customers. Our peroxide-free formula with nano hydroxyapatite strengthens your enamel while whitening. See results without the sensitivity. Every product includes our 30-day money-back guarantee."
+          tag="Trust Badges"
+          tagIcon={Award}
+          buttons={[
+            { text: "Shop Now", href: "#pricing" }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-couple-casual-clothes-man-woman-happy-positive-smiling-cheerfully-standing-white-wall_141793-101769.jpg"
+          imageAlt="WhitePop Pro benefits - happy couple with bright smiles"
+          useInvertedBackground={false}
+          ariaLabel="WhitePop Pro benefits and trust section"
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardFive
+          title="Trusted by Thousands of Smiling Customers"
+          description="Join over 50,000 people who've transformed their smiles with WhitePop Pro. Real results from real customers."
+          testimonials={[
+            {
+              id: "1",              name: "Sarah Johnson",              date: "2 weeks ago",              title: "Game Changer!",              quote: "My teeth looked noticeably whiter in just a few days. I can't believe how well these work without sensitivity. Highly recommend!",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280737.jpg",              avatarAlt: "Sarah Johnson"
+            },
+            {
+              id: "2",              name: "Michael Chen",              date: "1 month ago",              title: "Professional Results at Home",              quote: "As a professional, my smile matters. WhitePop Pro gave me the same results as expensive dental treatments but for a fraction of the cost.",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/closeup-confident-businessman-turn-face-camera-smiling-selfassured-standing-white-backgro_1258-113227.jpg",              avatarAlt: "Michael Chen"
+            },
+            {
+              id: "3",              name: "Emily Rodriguez",              date: "3 weeks ago",              title: "No More Coffee Stains!",              quote: "I'm a coffee addict and my teeth were suffering. WhitePop Pro saved me! My smile is brighter than ever.",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-asian-woman_1098-21999.jpg",              avatarAlt: "Emily Rodriguez"
+            },
+            {
+              id: "4",              name: "David Kim",              date: "1 week ago",              title: "Easy and Effective",              quote: "Super easy to use, and the results are amazing. 30 minutes a day and I have a Hollywood smile. Love it!",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-holding-smartphone_23-2149915890.jpg",              avatarAlt: "David Kim"
+            },
+            {
+              id: "5",              name: "Jessica Martinez",              date: "10 days ago",              title: "Worth Every Penny",              quote: "I've tried other whitening products before, but WhitePop Pro is by far the best. The results are incredible and they last!",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/confident-determined-young-girl-student-cross-arms-chest-power-pose-smiling-looking-self-assured-standing-white-background-near-your-logo-place-banner_176420-44471.jpg",              avatarAlt: "Jessica Martinez"
+            }
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={true}
+          ariaLabel="Customer testimonials section"
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardNine
+          title="WhitePop Pro Pricing & Bundles"
+          description="Choose your whitening plan with flexible options. All plans backed by our 30-day money-back guarantee."
+          plans={[
+            {
+              id: "single",              title: "Single Pack",              price: "$29.99",              period: "one-time",              features: [
+                "14 whitening strips (7-day supply)",                "Nano hydroxyapatite formula",                "Enamel-safe technology",                "30-day money-back guarantee",                "Free shipping on orders over $35"
+              ],
+              button: { text: "Buy Now", href: "#" }
+            },
+            {
+              id: "bundle-2",              title: "2 Pack Bundle",              price: "$49.99",              period: "Best Seller",              features: [
+                "28 whitening strips (14-day supply)",                "Nano hydroxyapatite formula",                "Enamel-safe technology",                "30-day money-back guarantee",                "Free shipping included",                "Save $9.99"
+              ],
+              button: { text: "Buy Now", href: "#" },
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-mask-pills-thermometer-pink-green-background_1182-1080.jpg?_wi=2",              imageAlt: "WhitePop Pro 2 Pack Bundle"
+            },
+            {
+              id: "bundle-3",              title: "3 Pack Bundle",              price: "$69.99",              period: "Best Value",              features: [
+                "42 whitening strips (21-day supply)",                "Nano hydroxyapatite formula",                "Enamel-safe technology",                "30-day money-back guarantee",                "Free shipping included",                "Save $19.98 (33% off)",                "Results guaranteed or your money back"
+              ],
+              button: { text: "Buy Now", href: "#" },
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-mask-pills-thermometer-pink-green-background_1182-1080.jpg?_wi=3",              imageAlt: "WhitePop Pro 3 Pack Bundle - Best Value"
+            }
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          ariaLabel="WhitePop Pro pricing plans section"
+        />
+      </div>
+
+      <div id="faq" data-section="faq">
+        <FaqBase
+          title="Frequently Asked Questions"
+          description="Everything you need to know about WhitePop Pro whitening strips."
+          faqs={[
+            {
+              id: "1",              title: "Will WhitePop Pro cause tooth sensitivity?",              content: "No! Our peroxide-free formula with nano hydroxyapatite is specifically designed to be gentle on sensitive teeth. Unlike harsh whitening treatments, WhitePop Pro actually strengthens enamel while whitening. Most customers experience zero sensitivity."
+            },
+            {
+              id: "2",              title: "How long do results last?",              content: "Results typically last 6-12 months depending on your lifestyle and habits. If you drink coffee, tea, or red wine regularly, you may see results fade faster. We recommend using WhitePop Pro strips 2-3 times per year for maintenance."
+            },
+            {
+              id: "3",              title: "How often should I use the strips?",              content: "For best results, use WhitePop Pro strips daily for 30 minutes for 7-14 days. Once you reach your desired whiteness level, switch to maintenance mode: use strips 1-2 times per week to maintain your bright smile."
+            },
+            {
+              id: "4",              title: "Are WhitePop Pro strips safe for enamel?",              content: "Absolutely! Our nano hydroxyapatite formula is clinically proven to be enamel-safe. In fact, our formula helps restore enamel while whitening. All ingredients are dentist-approved and safe for daily use."
+            },
+            {
+              id: "5",              title: "Can I use WhitePop Pro with braces or veneers?",              content: "We recommend waiting until braces are removed before using WhitePop Pro strips, as the strips won't whiten the teeth under the brackets. If you have veneers, please consult your dentist first, as the formula may not work on ceramic surfaces."
+            },
+            {
+              id: "6",              title: "What's your money-back guarantee?",              content: "We're so confident you'll love WhitePop Pro that we offer a 30-day money-back guarantee. If you're not satisfied for any reason, simply contact customer service within 30 days of purchase for a full refund—no questions asked!"
+            }
+          ]}
+          textboxLayout="default"
+          faqsAnimation="blur-reveal"
+          useInvertedBackground={true}
+          ariaLabel="Frequently asked questions about WhitePop Pro"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="WhitePop Pro"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Whitening Strips", href: "#pricing" },
+                { label: "How It Works", href: "#how-it-works" },
+                { label: "Benefits", href: "#benefits" },
+                { label: "Results", href: "#before-after" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#" },
+                { label: "Contact", href: "#" },
+                { label: "Blog", href: "#" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              title: "Support",              items: [
+                { label: "FAQ", href: "#faq" },
+                { label: "Shipping Info", href: "#" },
+                { label: "Returns", href: "#" },
+                { label: "Track Order", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Disclaimer", href: "#" },
+                { label: "Cookie Policy", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 WhitePop Pro. All rights reserved. | Dentist Approved | Made with 💚 for your smile."
+          ariaLabel="WhitePop Pro footer"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/refund-policy/page.tsx

@@ -0,0 +1,175 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import LegalSection from '@/components/legal/LegalSection';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function RefundPolicyPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="mediumSizeLargeTitles"
+      background="blurBottom"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="WhitePop"
+          navItems={[
+            { name: "How It Works", id: "how-it-works" },
+            { name: "Before & After", id: "before-after" },
+            { name: "Benefits", id: "benefits" },
+            { name: "Reviews", id: "testimonials" },
+            { name: "FAQ", id: "faq" }
+          ]}
+          button={{ text: "Shop Now", href: "/" }}
+        />
+      </div>
+
+      <div id="legal" data-section="legal">
+        <LegalSection
+          layout="page"
+          title="Refund Policy"
+          subtitle="Last Updated: January 2025"
+          sections={[
+            {
+              heading: "1. 30-Day Money-Back Guarantee",              content: [
+                {
+                  type: "paragraph",                  text: "At WhitePop Pro, we stand behind the quality of our products. We offer a 30-day money-back guarantee on all purchases. If you are not completely satisfied with your WhitePop Pro whitening strips for any reason, we will refund your purchase price in full."
+                },
+                {
+                  type: "paragraph",                  text: "This guarantee is our way of ensuring that you can purchase with complete confidence. We believe in our product and want you to experience the same amazing results that thousands of our satisfied customers have enjoyed."
+                }
+              ]
+            },
+            {
+              heading: "2. Eligibility for Refunds",              content: [
+                {
+                  type: "paragraph",                  text: "To be eligible for a refund, the following conditions must be met:"
+                },
+                {
+                  type: "numbered-list",                  items: [
+                    "The request for a refund must be made within 30 days of the original purchase date",                    "The product must be returned in its original packaging or in a resalable condition",                    "You must provide proof of purchase (order number or receipt)",                    "The product should not have been used excessively or damaged due to misuse",                    "You must complete our refund request form available on our website or contact customer service"
+                  ]
+                }
+              ]
+            },
+            {
+              heading: "3. Refund Process",              content: [
+                {
+                  type: "paragraph",                  text: "To initiate a refund, please follow these steps:"
+                },
+                {
+                  type: "numbered-list",                  items: [
+                    "Contact our customer service team at refunds@whitepoppro.com or call 1-800-WHITE-POP",                    "Provide your order number and reason for return",                    "We will provide you with a prepaid return shipping label",                    "Ship the product back to us in its original packaging",                    "Once we receive and inspect your return, we will process your refund within 5-7 business days",                    "The refund will be credited to your original payment method"
+                  ]
+                }
+              ]
+            },
+            {
+              heading: "4. Shipping Costs",              content: [
+                {
+                  type: "paragraph",                  text: "We provide a prepaid return shipping label for all refund requests, so you do not incur any shipping costs to return your product. However, if you choose to use a different shipping method or carrier, you will be responsible for those costs."
+                }
+              ]
+            },
+            {
+              heading: "5. Non-Refundable Items",              content: [
+                {
+                  type: "paragraph",                  text: "The following items are not eligible for refunds:"
+                },
+                {
+                  type: "list",                  items: [
+                    "Products purchased during promotional sales or clearance events (at the discretion of management)",                    "Products that have been used excessively or are damaged due to misuse",                    "Promotional or gift items included with an order",                    "Orders placed more than 30 days ago"
+                  ]
+                }
+              ]
+            },
+            {
+              heading: "6. Defective Products",              content: [
+                {
+                  type: "paragraph",                  text: "If you receive a defective or damaged product, please contact us immediately. We will replace the product at no cost to you or issue a full refund, including return shipping. Please provide photos of the defective product when contacting us."
+                }
+              ]
+            },
+            {
+              heading: "7. Refund Disputes",              content: [
+                {
+                  type: "paragraph",                  text: "If there is a dispute regarding a refund request, we will work with you to resolve the issue fairly. Our customer service team is committed to finding a resolution that satisfies all parties involved. In cases where we cannot reach an agreement, we may refuse the refund and explain our reasoning."
+                }
+              ]
+            },
+            {
+              heading: "8. Partial Refunds",              content: [
+                {
+                  type: "paragraph",                  text: "In some cases, we may offer a partial refund if the product has been used or if there is wear and tear on the packaging. The amount of the partial refund will be determined based on the condition of the returned product and will be communicated to you before processing."
+                }
+              ]
+            },
+            {
+              heading: "9. Contact Us",              content: [
+                {
+                  type: "paragraph",                  text: "If you have any questions about our refund policy or need to initiate a refund, please contact us:"
+                },
+                {
+                  type: "list",                  items: [
+                    "Email: refunds@whitepoppro.com",                    "Phone: 1-800-WHITE-POP",                    "Mailing Address: WhitePop Pro Returns, 456 Return Way, Bright City, BC 12345, Canada",                    "Customer Service Hours: Monday - Friday, 9 AM - 5 PM EST"
+                  ]
+                }
+              ]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="WhitePop Pro"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Whitening Strips", href: "/#pricing" },
+                { label: "How It Works", href: "/#how-it-works" },
+                { label: "Benefits", href: "/#benefits" },
+                { label: "Results", href: "/#before-after" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#" },
+                { label: "Contact", href: "#" },
+                { label: "Blog", href: "#" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              title: "Support",              items: [
+                { label: "FAQ", href: "/#faq" },
+                { label: "Shipping Info", href: "/shipping-policy" },
+                { label: "Returns", href: "/refund-policy" },
+                { label: "Track Order", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "/privacy-policy" },
+                { label: "Terms of Service", href: "/terms-of-service" },
+                { label: "Refund Policy", href: "/refund-policy" },
+                { label: "Cookie Policy", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 WhitePop Pro. All rights reserved. | Dentist Approved | Made with 💚 for your smile."
+          ariaLabel="WhitePop Pro footer"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/shipping-policy/page.tsx

@@ -0,0 +1,192 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import LegalSection from '@/components/legal/LegalSection';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ShippingPolicyPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="mediumSizeLargeTitles"
+      background="blurBottom"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="WhitePop"
+          navItems={[
+            { name: "How It Works", id: "how-it-works" },
+            { name: "Before & After", id: "before-after" },
+            { name: "Benefits", id: "benefits" },
+            { name: "Reviews", id: "testimonials" },
+            { name: "FAQ", id: "faq" }
+          ]}
+          button={{ text: "Shop Now", href: "/" }}
+        />
+      </div>
+
+      <div id="legal" data-section="legal">
+        <LegalSection
+          layout="page"
+          title="Shipping Policy"
+          subtitle="Last Updated: January 2025"
+          sections={[
+            {
+              heading: "1. Processing Time",              content: [
+                {
+                  type: "paragraph",                  text: "All orders are processed and shipped within 1-2 business days from the date of purchase. Orders placed on weekends or holidays will be processed on the next business day. You will receive a shipping confirmation email with tracking information once your order has been dispatched."
+                }
+              ]
+            },
+            {
+              heading: "2. Shipping Methods and Delivery Times",              content: [
+                {
+                  type: "paragraph",                  text: "WhitePop Pro offers the following shipping options:"
+                },
+                {
+                  type: "numbered-list",                  items: [
+                    "Standard Shipping (Free on orders over $35): 5-7 business days. $5.95 for orders under $35.",                    "Express Shipping: 2-3 business days. $12.95",                    "Overnight Shipping: 1 business day. $24.95",                    "International Shipping: 7-15 business days. Varies by location."
+                  ]
+                },
+                {
+                  type: "paragraph",                  text: "Please note that these are estimated delivery times and may vary depending on carrier delays, weather conditions, and other unforeseen circumstances. WhitePop Pro is not responsible for delays caused by shipping carriers or weather events."
+                }
+              ]
+            },
+            {
+              heading: "3. Shipping Regions",              content: [
+                {
+                  type: "paragraph",                  text: "We currently ship to the following regions:"
+                },
+                {
+                  type: "list",                  items: [
+                    "Canada (all provinces and territories)",                    "United States (all 50 states and territories)",                    "Select international locations (additional fees may apply)"
+                  ]
+                },
+                {
+                  type: "paragraph",                  text: "If your location is not listed, please contact our customer service team to inquire about special shipping arrangements."
+                }
+              ]
+            },
+            {
+              heading: "4. Shipping Address",              content: [
+                {
+                  type: "paragraph",                  text: "Please ensure that you provide an accurate and complete shipping address at checkout. WhitePop Pro is not responsible for packages delivered to incorrect addresses provided by the customer. If you need to change your shipping address, contact us immediately before your order is dispatched."
+                }
+              ]
+            },
+            {
+              heading: "5. Free Shipping",              content: [
+                {
+                  type: "paragraph",                  text: "Free standard shipping is available on all orders over $35.00. This offer applies to addresses within Canada and the United States only. Free shipping is automatically applied at checkout when your order total exceeds the minimum."
+                }
+              ]
+            },
+            {
+              heading: "6. Tracking Your Order",              content: [
+                {
+                  type: "paragraph",                  text: "Once your order has been shipped, you will receive an email containing a tracking number. You can use this tracking number to monitor your package in real-time through our carrier's website. For questions about your shipment, please contact our customer service team with your tracking number."
+                }
+              ]
+            },
+            {
+              heading: "7. Lost or Damaged Packages",              content: [
+                {
+                  type: "paragraph",                  text: "In the rare event that your package is lost or arrives damaged, please contact us immediately with photos and your tracking number. We will file a claim with the carrier and either replace your order or issue a refund at no cost to you. Most lost or damaged package issues are resolved within 5-10 business days."
+                }
+              ]
+            },
+            {
+              heading: "8. Customs and International Orders",              content: [
+                {
+                  type: "paragraph",                  text: "For international orders, customers are responsible for any customs fees, duties, or taxes that may apply upon delivery. These fees are typically collected by customs authorities and are beyond WhitePop Pro's control. We recommend checking with your local customs office before placing an international order."
+                }
+              ]
+            },
+            {
+              heading: "9. Signature Confirmation",              content: [
+                {
+                  type: "paragraph",                  text: "Signature confirmation is not required for standard WhitePop Pro shipments. However, if you prefer signature confirmation, you can request this option during checkout or by contacting customer service for an additional fee."
+                }
+              ]
+            },
+            {
+              heading: "10. Order Updates",              content: [
+                {
+                  type: "paragraph",                  text: "You will receive email updates at the following stages:"
+                },
+                {
+                  type: "list",                  items: [
+                    "Order confirmation with purchase details",                    "Processing notification when your order is being prepared",                    "Shipping confirmation with tracking number",                    "Delivery confirmation once your package arrives"
+                  ]
+                }
+              ]
+            },
+            {
+              heading: "11. Contact Us",              content: [
+                {
+                  type: "paragraph",                  text: "If you have questions about shipping or need to make changes to your order, please contact us:"
+                },
+                {
+                  type: "list",                  items: [
+                    "Email: shipping@whitepoppro.com",                    "Phone: 1-800-WHITE-POP",                    "Customer Service Hours: Monday - Friday, 9 AM - 5 PM EST"
+                  ]
+                }
+              ]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="WhitePop Pro"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Whitening Strips", href: "/#pricing" },
+                { label: "How It Works", href: "/#how-it-works" },
+                { label: "Benefits", href: "/#benefits" },
+                { label: "Results", href: "/#before-after" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#" },
+                { label: "Contact", href: "#" },
+                { label: "Blog", href: "#" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              title: "Support",              items: [
+                { label: "FAQ", href: "/#faq" },
+                { label: "Shipping Info", href: "/shipping-policy" },
+                { label: "Returns", href: "/refund-policy" },
+                { label: "Track Order", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "/privacy-policy" },
+                { label: "Terms of Service", href: "/terms-of-service" },
+                { label: "Refund Policy", href: "/refund-policy" },
+                { label: "Cookie Policy", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 WhitePop Pro. All rights reserved. | Dentist Approved | Made with 💚 for your smile."
+          ariaLabel="WhitePop Pro footer"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-open-sans), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-poppins), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }

src/app/terms-of-service/page.tsx

@@ -0,0 +1,188 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import LegalSection from '@/components/legal/LegalSection';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function TermsOfServicePage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="mediumSizeLargeTitles"
+      background="blurBottom"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="WhitePop"
+          navItems={[
+            { name: "How It Works", id: "how-it-works" },
+            { name: "Before & After", id: "before-after" },
+            { name: "Benefits", id: "benefits" },
+            { name: "Reviews", id: "testimonials" },
+            { name: "FAQ", id: "faq" }
+          ]}
+          button={{ text: "Shop Now", href: "/" }}
+        />
+      </div>
+
+      <div id="legal" data-section="legal">
+        <LegalSection
+          layout="page"
+          title="Terms of Service"
+          subtitle="Last Updated: January 2025"
+          sections={[
+            {
+              heading: "1. Agreement to Terms",              content: [
+                {
+                  type: "paragraph",                  text: "By accessing and using the WhitePop Pro website and purchasing our products, you accept and agree to be bound by and comply with these Terms of Service. If you do not agree to abide by the above, please do not use this service."
+                }
+              ]
+            },
+            {
+              heading: "2. Use License",              content: [
+                {
+                  type: "paragraph",                  text: "Permission is granted to temporarily download one copy of the materials (information or software) on WhitePop Pro's website for personal, non-commercial transitory viewing only. This is the grant of a license, not a transfer of title, and under this license you may not:"
+                },
+                {
+                  type: "list",                  items: [
+                    "Modifying or copying the materials",                    "Using the materials for any commercial purpose or for any public display",                    "Attempting to reverse compile, disassemble, or reverse engineer any software contained on the website",                    "Transferring the materials to another person or \"mirroring\" the materials on any other server",                    "Removing any copyright or other proprietary notations from the materials",                    "Transferring the materials to another person or \"mirroring\" the materials on any other server"
+                  ]
+                }
+              ]
+            },
+            {
+              heading: "3. Disclaimer",              content: [
+                {
+                  type: "paragraph",                  text: "The materials on WhitePop Pro's website are provided on an 'as is' basis. WhitePop Pro makes no warranties, expressed or implied, and hereby disclaims and negates all other warranties including, without limitation, implied warranties or conditions of merchantability, fitness for a particular purpose, or non-infringement of intellectual property or other violation of rights."
+                }
+              ]
+            },
+            {
+              heading: "4. Limitations",              content: [
+                {
+                  type: "paragraph",                  text: "In no event shall WhitePop Pro or its suppliers be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption) arising out of the use or inability to use the materials on WhitePop Pro's website, even if WhitePop Pro or an authorized representative has been notified orally or in writing of the possibility of such damage."
+                }
+              ]
+            },
+            {
+              heading: "5. Accuracy of Materials",              content: [
+                {
+                  type: "paragraph",                  text: "The materials appearing on WhitePop Pro's website could include technical, typographical, or photographic errors. WhitePop Pro does not warrant that any of the materials on its website are accurate, complete, or current. WhitePop Pro may make changes to the materials contained on its website at any time without notice."
+                }
+              ]
+            },
+            {
+              heading: "6. Materials and Content",              content: [
+                {
+                  type: "paragraph",                  text: "WhitePop Pro does not claim ownership of the materials you provide to WhitePop Pro (including feedback and suggestions) or post, upload, input, or submit to any WhitePop Pro website or its associated services (hereinafter \"Submissions\"). However, by posting, uploading, inputting, providing, or submitting your Submissions you are granting WhitePop Pro, its affiliates and necessary sublicensees permission to use your Submissions in connection with the operation of their business including, without limitation, the rights to copy, distribute, transmit, display, perform, reproduce, publish, license, create derivative works from, transfer, and sell such Submissions."
+                }
+              ]
+            },
+            {
+              heading: "7. Links",              content: [
+                {
+                  type: "paragraph",                  text: "WhitePop Pro has not reviewed all of the sites linked to its website and is not responsible for the contents of any such linked site. The inclusion of any link does not imply endorsement by WhitePop Pro of the site. Use of any such linked website is at the user's own risk."
+                }
+              ]
+            },
+            {
+              heading: "8. Modifications",              content: [
+                {
+                  type: "paragraph",                  text: "WhitePop Pro may revise these terms of service for its website at any time without notice. By using this website, you are agreeing to be bound by the then current version of these terms of service."
+                }
+              ]
+            },
+            {
+              heading: "9. Governing Law",              content: [
+                {
+                  type: "paragraph",                  text: "These terms and conditions are governed by and construed in accordance with the laws of British Columbia, Canada, and you irrevocably submit to the exclusive jurisdiction of the courts in that location."
+                }
+              ]
+            },
+            {
+              heading: "10. Product Warranty and Use",              content: [
+                {
+                  type: "paragraph",                  text: "WhitePop Pro whitening strips are cosmetic products designed for teeth whitening. By purchasing and using our products, you acknowledge that:"
+                },
+                {
+                  type: "list",                  items: [
+                    "You have read and understood all product instructions and warnings",                    "You are not allergic to any ingredients in our products",                    "You will not use the product if you have cavities or sensitive teeth without consulting a dentist",                    "You understand that results may vary by individual",                    "You are at least 18 years of age or have parental consent",                    "You will not use this product for any purpose other than as directed"
+                  ]
+                }
+              ]
+            },
+            {
+              heading: "11. Limitation of Liability",              content: [
+                {
+                  type: "paragraph",                  text: "To the fullest extent permitted by applicable law, in no event shall WhitePop Pro be liable for any indirect, incidental, special, consequential, or punitive damages, or any loss of profits or revenues, whether incurred directly or indirectly, in connection with your purchase or use of our products."
+                }
+              ]
+            },
+            {
+              heading: "12. Contact Information",              content: [
+                {
+                  type: "paragraph",                  text: "If you have any questions about these Terms of Service, please contact us at:"
+                },
+                {
+                  type: "list",                  items: [
+                    "Email: support@whitepoppro.com",                    "Phone: 1-800-WHITE-POP",                    "Mailing Address: WhitePop Pro, 123 Smile Street, Bright City, BC 12345, Canada"
+                  ]
+                }
+              ]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="WhitePop Pro"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Whitening Strips", href: "/#pricing" },
+                { label: "How It Works", href: "/#how-it-works" },
+                { label: "Benefits", href: "/#benefits" },
+                { label: "Results", href: "/#before-after" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#" },
+                { label: "Contact", href: "#" },
+                { label: "Blog", href: "#" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              title: "Support",              items: [
+                { label: "FAQ", href: "/#faq" },
+                { label: "Shipping Info", href: "/shipping-policy" },
+                { label: "Returns", href: "/refund-policy" },
+                { label: "Track Order", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "/privacy-policy" },
+                { label: "Terms of Service", href: "/terms-of-service" },
+                { label: "Refund Policy", href: "/refund-policy" },
+                { label: "Cookie Policy", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 WhitePop Pro. All rights reserved. | Dentist Approved | Made with 💚 for your smile."
+          ariaLabel="WhitePop Pro footer"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}