Update src/app/faq/page.tsx
This commit is contained in:
@@ -2,8 +2,8 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
@@ -22,157 +22,131 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
name: "How It Works",
|
||||
id: "how-it-works",
|
||||
href: "/how-it-works",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
href: "/why-us",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
href: "/faq",
|
||||
},
|
||||
]}
|
||||
brandName="Sunscreen Swipes"
|
||||
button={{
|
||||
text: "Cart 🛒",
|
||||
href: "/cart",
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"
|
||||
},
|
||||
{
|
||||
name: "Shop", id: "/shop"
|
||||
},
|
||||
{
|
||||
name: "How It Works", id: "/how-it-works"
|
||||
},
|
||||
{
|
||||
name: "Why Us", id: "/why-us"
|
||||
},
|
||||
{
|
||||
name: "Reviews", id: "/reviews"
|
||||
},
|
||||
{
|
||||
name: "FAQ", id: "/faq"
|
||||
}
|
||||
]}
|
||||
brandName="Sunscreen Swipes"
|
||||
button={{
|
||||
text: "Cart 🛒", href: "/cart"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What makes Sunscreen Swipes mess-free?",
|
||||
content: "Our wipes are pre-saturated with the perfect amount of non-greasy, quick-drying formula, eliminating the need for messy creams or sprays. Simply wipe and go!",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are Sunscreen Swipes suitable for sensitive skin?",
|
||||
content: "Yes, our formulas are dermatologist-tested, hypoallergenic, and free from common irritants, making them safe and gentle for all skin types, including sensitive skin.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How often should I reapply Sunscreen Swipes?",
|
||||
content: "For optimal protection, reapply every two hours, or immediately after swimming, sweating, or towel drying. Their portability makes reapplication simple and quick.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Are the wipes water-resistant?",
|
||||
content: "Many of our Sunscreen Swipes products offer water resistance for up to 80 minutes, perfect for swimming and active outdoor play. Check individual product descriptions for details.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blonde-woman-with-surfboard-beach_273609-5243.jpg?_wi=5"
|
||||
imageAlt="Sunscreen wipes on a beach background"
|
||||
title="Your Questions, Answered"
|
||||
description="Find quick answers to the most common questions about Sunscreen Swipes and sun protection."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq-section" data-section="faq-section">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Are Sunscreen Swipes suitable for sensitive skin?", content: "Yes, our formula is dermatologist-tested and designed to be gentle enough for sensitive skin and all ages, including children."
|
||||
},
|
||||
{
|
||||
id: "2", title: "How often should I reapply Sunscreen Swipes?", content: "For best protection, we recommend reapplying every two hours, or immediately after swimming, sweating, or towel drying."
|
||||
},
|
||||
{
|
||||
id: "3", title: "What is the shelf life of Sunscreen Swipes?", content: "Our products have a shelf life of 2 years from the manufacturing date. Please check the packaging for the exact expiration date."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Are Sunscreen Swipes waterproof?", content: "Sunscreen Swipes are water-resistant for up to 80 minutes, making them ideal for swimming and active lifestyles. Reapply after 80 minutes of swimming or sweating."
|
||||
}
|
||||
]}
|
||||
sideTitle="FAQs about Sunscreen Swipes"
|
||||
sideDescription="Find quick answers to common questions about our products, usage, and ingredients."
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-faq" data-section="contact-faq">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"
|
||||
}}
|
||||
tag="Need More Help?"
|
||||
title="Still Have Questions?"
|
||||
description="Our customer support team is ready to assist you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support", href: "/contact"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/why-us",
|
||||
},
|
||||
{
|
||||
label: "How It Works",
|
||||
href: "/how-it-works",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sunscreen Swipes"
|
||||
copyrightText="© 2024 Sunscreen Swipes. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/why-us"
|
||||
},
|
||||
{
|
||||
label: "How It Works", href: "/how-it-works"
|
||||
},
|
||||
{
|
||||
label: "Reviews", href: "/reviews"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products", href: "/shop"
|
||||
},
|
||||
{
|
||||
label: "Pricing", href: "#pricing"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "/faq"
|
||||
},
|
||||
{
|
||||
label: "Contact Us", href: "/contact"
|
||||
},
|
||||
{
|
||||
label: "Shipping & Returns", href: "#"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Terms of Service", href: "#"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Sunscreen Swipes"
|
||||
copyrightText="© 2024 Sunscreen Swipes. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user