129 lines
4.3 KiB
TypeScript
129 lines
4.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Shop", id: "/products"
|
|
},
|
|
{
|
|
name: "Checkout", id: "/checkout"
|
|
}
|
|
]}
|
|
brandName="Dune Dragon"
|
|
button={{
|
|
text: "Cart"
|
|
}}
|
|
animateOnLoad={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="checkout-form" data-section="checkout-form">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"
|
|
}}
|
|
tag="Checkout"
|
|
title="Finalize Your Order"
|
|
description="Please confirm your shipping details and complete your payment for a seamless experience."
|
|
inputPlaceholder="Enter your shipping address"
|
|
buttonText="Proceed to Payment"
|
|
termsText="By proceeding, you agree to our Terms and Conditions and Privacy Policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="checkout-faq" data-section="checkout-faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "What are your shipping options?", content: "We offer standard and expedited shipping worldwide. Shipping costs and delivery times vary based on your location and chosen method."
|
|
},
|
|
{
|
|
id: "faq2", title: "What is your return policy?", content: "You can return most items within 30 days of purchase in their original condition. Please see our full return policy for details."
|
|
},
|
|
{
|
|
id: "faq3", title: "Which payment methods do you accept?", content: "We accept major credit cards (Visa, MasterCard, American Express), PayPal, and Apple Pay for secure and convenient transactions."
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/call-center-worker-arriving-work-using-artificial-intelligence-laptop_482257-126041.jpg"
|
|
imageAlt="Customer service representative helping a client"
|
|
mediaAnimation="none"
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about shipping, returns, and payments."
|
|
tag="Support"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/vibrant-colorful-blurred-background_272375-26386.jpg"
|
|
imageAlt="Abstract gradient background"
|
|
logoText="Dune Dragon"
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{
|
|
label: "AirPods", href: "/products"
|
|
},
|
|
{
|
|
label: "Apple Watch", href: "/products"
|
|
},
|
|
{
|
|
label: "Accessories", href: "/products"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"
|
|
},
|
|
{
|
|
label: "Contact", href: "/checkout"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"
|
|
},
|
|
{
|
|
label: "Terms of Service", href: "#"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 Dune Dragon. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |