142 lines
4.0 KiB
TypeScript
142 lines
4.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import { UserPlus } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="blurBottom"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"
|
|
},
|
|
{
|
|
name: "Products", id: "/products"
|
|
},
|
|
{
|
|
name: "Cart", id: "/cart"
|
|
},
|
|
{
|
|
name: "Orders", id: "/orders"
|
|
},
|
|
{
|
|
name: "Admin", id: "/admin"
|
|
}
|
|
]}
|
|
brandName="ShopFusion"
|
|
button={{
|
|
text: "Login / Register", href: "/login"
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Login to Your ShopFusion Account"
|
|
description="Access your personalized shopping experience, track orders, and manage your wishlist."
|
|
inputs={[
|
|
{
|
|
name: "email", type: "email", placeholder: "Email address", required: true,
|
|
},
|
|
{
|
|
name: "password", type: "password", placeholder: "Password", required: true,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-family-spending-time-home_23-2150231687.jpg?_wi=6"
|
|
imageAlt="Person using a laptop for online shopping"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Login"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"
|
|
}}
|
|
tag="New User?"
|
|
tagIcon={UserPlus}
|
|
title="Don't Have an Account Yet?"
|
|
description="Register today to unlock exclusive deals, faster checkout, and a personalized shopping experience."
|
|
buttons={[
|
|
{
|
|
text: "Create Account", href: "/register"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "ShopFusion", items: [
|
|
{
|
|
label: "About Us", href: "/about"
|
|
},
|
|
{
|
|
label: "Careers", href: "/careers"
|
|
},
|
|
{
|
|
label: "Blog", href: "/blog"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Customer Service", items: [
|
|
{
|
|
label: "Contact Us", href: "/contact"
|
|
},
|
|
{
|
|
label: "Returns", href: "/returns"
|
|
},
|
|
{
|
|
label: "Shipping", href: "/shipping"
|
|
},
|
|
{
|
|
label: "FAQ", href: "/faq"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "/privacy"
|
|
},
|
|
{
|
|
label: "Terms of Service", href: "/terms"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 ShopFusion. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|