Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6bde34ac81 | |||
| 5733502815 | |||
| 9277b96d79 | |||
| d0717956da | |||
| 538a04df50 | |||
| c11535d3c6 |
@@ -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
|
||||
|
||||
@@ -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';
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user