94 lines
3.7 KiB
TypeScript
94 lines
3.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Shop", id: "/shop"},
|
|
{
|
|
name: "Categories", id: "/categories"},
|
|
{
|
|
name: "Best Sellers", id: "/best-sellers"},
|
|
{
|
|
name: "About Us", id: "/about"},
|
|
{
|
|
name: "Contact", id: "/contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/fast-shop-shopping-cart-trolley-online-shop-logo-ideas-inspiration-logo-design-template-vector-illustration-isolated-white-background_384344-1802.jpg"
|
|
logoAlt="NordVita Logo"
|
|
brandName="NordVita"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Get In Touch"
|
|
title="How Can We Help You?"
|
|
description="Have questions about our products or your order? Reach out to our friendly support team. We're here to assist you."
|
|
inputPlaceholder="Your Name"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
sideTitle="Common Questions"
|
|
sideDescription="Find quick answers to the most frequent inquiries about orders, shipping, and product use."
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What are your shipping options and costs?", content: "We offer standard and expedited shipping options. Costs vary based on your location and the selected speed. You can see detailed shipping costs at checkout."},
|
|
{
|
|
id: "2", title: "How do I track my order?", content: "Once your order has shipped, you will receive an email with a tracking number. You can use this number on our website's 'Track Order' page or the carrier's site."},
|
|
{
|
|
id: "3", title: "What is your return policy?", content: "We offer a 30-day satisfaction guarantee. If you're not happy with your purchase, you can return it within 30 days for a full refund or exchange. Please see our full Return Policy for details."},
|
|
{
|
|
id: "4", title: "How can I modify or cancel an order?", content: "To modify or cancel an order, please contact our customer support team as soon as possible. Changes are only possible before the order has been processed for shipping."},
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="NordVita"
|
|
leftLink={{
|
|
text: "Shipping Policy", href: "#"}}
|
|
rightLink={{
|
|
text: "Return Policy", href: "#"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|