Merge version_9 into main

Update src/app/page.tsx
2026-03-17 02:27:35 +00:00 · 2026-03-17 02:27:31 +00:00 · 2026-03-17 02:19:56 +00:00 · 2026-03-17 02:19:52 +00:00 · 2026-03-17 02:14:35 +00:00 · 2026-03-17 02:14:31 +00:00
6 changed files with 70 additions and 22 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -79,6 +79,11 @@ export default function ContactPage() {
          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>

@@ -135,6 +140,10 @@ export default function ContactPage() {
          ]}
          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>
--- a/src/app/layout.tsx
+++ b/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
--- a/src/app/page.tsx
+++ b/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';

@@ -64,6 +64,9 @@ export default function LandingPage() {
          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>

@@ -92,6 +95,10 @@ export default function LandingPage() {
          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>

@@ -102,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?w=600&h=600&q=80",                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" }
@@ -135,6 +142,11 @@ export default function LandingPage() {
          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>

@@ -153,6 +165,10 @@ export default function LandingPage() {
          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>

@@ -184,6 +200,13 @@ export default function LandingPage() {
          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>

@@ -221,11 +244,17 @@ export default function LandingPage() {
          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={[
@@ -248,16 +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?w=400&h=400&q=80"
-          imageAlt="30-day money-back guarantee seal"
-          mediaAnimation="slide-up"
          textboxLayout="default"
          faqsAnimation="blur-reveal"
          useInvertedBackground={true}
          ariaLabel="Frequently asked questions about WhitePop Pro"
-          mediaWrapperClassName="w-full h-auto max-w-sm mx-auto"
-          mediaClassName="w-full h-auto object-cover"
          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>

@@ -301,6 +329,10 @@ 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>
--- a/src/app/privacy-policy/page.tsx
+++ b/src/app/privacy-policy/page.tsx
@@ -105,6 +105,9 @@ export default function PrivacyPolicyPage() {
              ]
            }
          ]}
+          titleClassName="text-foreground"
+          headingClassName="text-foreground"
+          contentClassName="text-foreground"
        />
      </div>

@@ -147,6 +150,10 @@ export default function PrivacyPolicyPage() {
          ]}
          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>
--- a/src/app/product/whitepop-pro/page.tsx
+++ b/src/app/product/whitepop-pro/page.tsx
@@ -8,7 +8,7 @@ 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 FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+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';
@@ -228,7 +228,7 @@ export default function WhitePopProPage() {
      </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={[
@@ -251,9 +251,6 @@ export default function WhitePopProPage() {
              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}
@@ -304,4 +301,4 @@ export default function WhitePopProPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/base.css
+++ b/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;
 }
Author	SHA1	Message	Date
bender	49437b91b1	Merge version_9 into main Merge version_9 into main	2026-03-17 02:27:35 +00:00
bender	e13e29008f	Update src/app/page.tsx	2026-03-17 02:27:31 +00:00
bender	d4005be3cb	Merge version_9 into main Merge version_9 into main	2026-03-17 02:19:56 +00:00
bender	3ea3022a4f	Update src/app/page.tsx	2026-03-17 02:19:52 +00:00
bender	0e038630b7	Merge version_8 into main Merge version_8 into main	2026-03-17 02:14:35 +00:00
bender	6bde34ac81	Update theme fonts	2026-03-17 02:14:31 +00:00
bender	5733502815	Update theme fonts	2026-03-17 02:14:30 +00:00
bender	cf4c60438f	Merge version_8 into main Merge version_8 into main	2026-03-17 02:12:38 +00:00
bender	9277b96d79	Update src/app/product/whitepop-pro/page.tsx	2026-03-17 02:12:34 +00:00
bender	d0717956da	Update src/app/page.tsx	2026-03-17 02:12:33 +00:00
bender	538a04df50	Merge version_7 into main Merge version_7 into main	2026-03-17 02:07:15 +00:00
bender	8f2a01d7b3	Update src/app/page.tsx	2026-03-17 02:07:11 +00:00
bender	c11535d3c6	Merge version_7 into main Merge version_7 into main	2026-03-17 02:06:49 +00:00
bender	dafa435196	Update src/app/privacy-policy/page.tsx	2026-03-17 02:06:45 +00:00
bender	15bbc3f80d	Update src/app/page.tsx	2026-03-17 02:06:45 +00:00
bender	1b28e6b454	Update src/app/contact/page.tsx	2026-03-17 02:06:44 +00:00
bender	4e07f4015c	Merge version_6 into main Merge version_6 into main	2026-03-17 02:01:52 +00:00