bender/ca36ab9a-542b-4dd2-9c19-22a106628f9a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_5
Branches Tags
bender:main bender:version_9 bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_8
Branches Tags
bender:main bender:version_9 bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

17 Commits
version_5 ... version_8

Author SHA1 Message Date
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
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
bender
bfa1d18918 Update src/app/page.tsx 2026-03-17 02:01:48 +00:00
bender
f701649025 Merge version_5 into main 
Merge version_5 into main
 2026-03-17 02:00:40 +00:00
bender
18a747e78b Merge version_5 into main 
Merge version_5 into main
 2026-03-17 02:00:20 +00:00
bender
38b4dc5bb1 Merge version_5 into main 
Merge version_5 into main
 2026-03-17 01:59:43 +00:00
bender
932c1c9dbe Merge version_5 into main 
Merge version_5 into main
 2026-03-17 01:59:15 +00:00
bender
bcefba7972 Merge version_5 into main 
Merge version_5 into main
 2026-03-17 01:58:47 +00:00
6 changed files with 70 additions and 22 deletions
Expand all files Collapse all files

9
src/app/contact/page.tsx
View File

@@ -79,6 +79,11 @@ export default function ContactPage() {
background={{ variant: "plain" }} background={{ variant: "plain" }}
useInvertedBackground={false} useInvertedBackground={false}
ariaLabel="Contact us section" ariaLabel="Contact us section"
titleClassName="text-foreground"
descriptionClassName="text-foreground"
inputClassName="text-foreground"
buttonTextClassName="text-foreground"
termsClassName="text-foreground"
/> />
</div> </div>
@@ -135,6 +140,10 @@ export default function ContactPage() {
]} ]}
copyrightText="© 2025 WhitePop Pro. All rights reserved. | Dentist Approved | Made with 💚 for your smile." copyrightText="© 2025 WhitePop Pro. All rights reserved. | Dentist Approved | Made with 💚 for your smile."
ariaLabel="WhitePop Pro footer" ariaLabel="WhitePop Pro footer"
logoTextClassName="text-foreground"
columnTitleClassName="text-foreground"
columnItemClassName="text-foreground"
copyrightTextClassName="text-foreground"
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>

15
src/app/layout.tsx
View File

@@ -7,6 +7,7 @@ import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Public_Sans } from "next/font/google"; import { Public_Sans } from "next/font/google";
import { Poppins } 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({ 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({ export default function RootLayout({
@@ -32,7 +35,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${poppins.variable} ${inter.variable} antialiased`}> <body className={`${inter.variable} ${openSans.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

48
src/app/page.tsx
View File

@@ -10,7 +10,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import MediaAbout from '@/components/sections/about/MediaAbout'; import MediaAbout from '@/components/sections/about/MediaAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine'; 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 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'; import { CheckCircle, Clock, Shield, Smile, Sparkles, TrendingUp, Zap, Droplet, Leaf, Award, Zap as ZapIcon, Heart, Lock } from 'lucide-react';
@@ -47,7 +47,7 @@ export default function LandingPage() {
logoText="WhitePop Pro" logoText="WhitePop Pro"
description="Professional-grade teeth whitening in 30 minutes. Enamel-safe, peroxide-free formula with nano hydroxyapatite technology." description="Professional-grade teeth whitening in 30 minutes. Enamel-safe, peroxide-free formula with nano hydroxyapatite technology."
buttons={[ buttons={[
{ text: "Shop Now", href: "#pricing" }, { text: "Get My Brighter Smile", href: "#pricing" },
{ text: "See Results", href: "#before-after" } { text: "See Results", href: "#before-after" }
]} ]}
slides={[ slides={[
@@ -64,6 +64,9 @@ export default function LandingPage() {
containerClassName="w-full mx-auto" containerClassName="w-full mx-auto"
mediaWrapperClassName="w-full h-auto max-w-4xl mx-auto" mediaWrapperClassName="w-full h-auto max-w-4xl mx-auto"
imageClassName="w-full h-auto object-cover" imageClassName="w-full h-auto object-cover"
logoClassName="text-foreground"
descriptionClassName="text-foreground"
buttonTextClassName="text-foreground"
/> />
</div> </div>
@@ -92,6 +95,10 @@ export default function LandingPage() {
containerClassName="w-full mx-auto px-4 sm:px-6 lg:px-8" containerClassName="w-full mx-auto px-4 sm:px-6 lg:px-8"
cardClassName="w-full h-auto" cardClassName="w-full h-auto"
gridClassName="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6" 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> </div>
@@ -135,6 +142,11 @@ export default function LandingPage() {
containerClassName="w-full mx-auto px-4 sm:px-6 lg:px-8" containerClassName="w-full mx-auto px-4 sm:px-6 lg:px-8"
mediaWrapperClassName="w-full h-auto max-w-lg mx-auto" mediaWrapperClassName="w-full h-auto max-w-lg mx-auto"
mediaCardClassName="w-full h-auto" mediaCardClassName="w-full h-auto"
textBoxTitleClassName="text-foreground"
textBoxDescriptionClassName="text-foreground"
featureTitleClassName="text-foreground"
featureDescriptionClassName="text-foreground"
listItemClassName="text-foreground"
/> />
</div> </div>
@@ -153,6 +165,10 @@ export default function LandingPage() {
ariaLabel="WhitePop Pro benefits section" ariaLabel="WhitePop Pro benefits section"
mediaWrapperClassName="w-full h-auto max-w-lg mx-auto" mediaWrapperClassName="w-full h-auto max-w-lg mx-auto"
mediaClassName="w-full h-auto object-cover" mediaClassName="w-full h-auto object-cover"
titleClassName="text-foreground"
descriptionClassName="text-foreground"
tagClassName="text-foreground"
buttonTextClassName="text-foreground"
/> />
</div> </div>
@@ -184,6 +200,13 @@ export default function LandingPage() {
cardClassName="w-full h-auto" cardClassName="w-full h-auto"
cardAvatarClassName="w-10 h-10 sm:w-12 sm:h-12" cardAvatarClassName="w-10 h-10 sm:w-12 sm:h-12"
carouselClassName="w-full" 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> </div>
@@ -221,11 +244,17 @@ export default function LandingPage() {
cardClassName="w-full h-auto" cardClassName="w-full h-auto"
planImageWrapperClassName="w-full h-auto max-w-xs mx-auto" planImageWrapperClassName="w-full h-auto max-w-xs mx-auto"
planImageClassName="w-full h-auto object-cover" 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>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitMedia <FaqBase
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Everything you need to know about WhitePop Pro whitening strips." description="Everything you need to know about WhitePop Pro whitening strips."
faqs={[ 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!" 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" textboxLayout="default"
faqsAnimation="blur-reveal" faqsAnimation="blur-reveal"
useInvertedBackground={true} useInvertedBackground={true}
ariaLabel="Frequently asked questions about WhitePop Pro" 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" 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> </div>
@@ -301,6 +329,10 @@ export default function LandingPage() {
copyrightText="© 2025 WhitePop Pro. All rights reserved. | Dentist Approved | Made with 💚 for your smile." copyrightText="© 2025 WhitePop Pro. All rights reserved. | Dentist Approved | Made with 💚 for your smile."
ariaLabel="WhitePop Pro footer" ariaLabel="WhitePop Pro footer"
containerClassName="w-full mx-auto px-4 sm:px-6 lg:px-8" 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> </div>
</ThemeProvider> </ThemeProvider>

7
src/app/privacy-policy/page.tsx
View File

@@ -105,6 +105,9 @@ export default function PrivacyPolicyPage() {
] ]
} }
]} ]}
titleClassName="text-foreground"
headingClassName="text-foreground"
contentClassName="text-foreground"
/> />
</div> </div>
@@ -147,6 +150,10 @@ export default function PrivacyPolicyPage() {
]} ]}
copyrightText="© 2025 WhitePop Pro. All rights reserved. | Dentist Approved | Made with 💚 for your smile." copyrightText="© 2025 WhitePop Pro. All rights reserved. | Dentist Approved | Made with 💚 for your smile."
ariaLabel="WhitePop Pro footer" ariaLabel="WhitePop Pro footer"
logoTextClassName="text-foreground"
columnTitleClassName="text-foreground"
columnItemClassName="text-foreground"
copyrightTextClassName="text-foreground"
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>

9
src/app/product/whitepop-pro/page.tsx
View File

@@ -8,7 +8,7 @@ import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import MediaAbout from '@/components/sections/about/MediaAbout'; import MediaAbout from '@/components/sections/about/MediaAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine'; 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 FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import ProductCardThree from '@/components/sections/product/ProductCardThree'; import ProductCardThree from '@/components/sections/product/ProductCardThree';
import { CheckCircle, Clock, Shield, Smile, Sparkles, TrendingUp, Zap, Heart, Award } from 'lucide-react'; import { CheckCircle, Clock, Shield, Smile, Sparkles, TrendingUp, Zap, Heart, Award } from 'lucide-react';
@@ -228,7 +228,7 @@ export default function WhitePopProPage() {
</div> </div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitMedia <FaqBase
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Everything you need to know about WhitePop Pro whitening strips." description="Everything you need to know about WhitePop Pro whitening strips."
faqs={[ 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!" 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" textboxLayout="default"
faqsAnimation="blur-reveal" faqsAnimation="blur-reveal"
useInvertedBackground={true} useInvertedBackground={true}
@@ -304,4 +301,4 @@ export default function WhitePopProPage() {
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }

4
src/app/styles/base.css
View File

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