Update src/app/page.tsx

Merge version_8 into main
2026-03-17 02:27:31 +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 · 2026-03-17 02:14:30 +00:00 · 2026-03-17 02:12:38 +00:00
4 changed files with 18 additions and 23 deletions
--- 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,7 +64,7 @@ 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"
+          logoClassName="text-foreground text-sm sm:text-base lg:text-lg"
          descriptionClassName="text-foreground"
          buttonTextClassName="text-foreground"
        />
@@ -109,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" }
@@ -254,7 +254,7 @@ export default function LandingPage() {
      </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={[
@@ -277,15 +277,10 @@ 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"
--- 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	e13e29008f	Update src/app/page.tsx	2026-03-17 02:27:31 +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	c11535d3c6	Merge version_7 into main Merge version_7 into main	2026-03-17 02:06:49 +00:00