102 lines
3.5 KiB
TypeScript
102 lines
3.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Clock, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Women", id: "/women" },
|
|
{ name: "Men", id: "/men" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
{ name: "Cart", id: "/cart" }
|
|
]}
|
|
brandName="VELORA"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{ variant: "radial-gradient" }}
|
|
title="New Season, New Statement"
|
|
description="Discover timeless fashion for every day, curated for the modern wardrobe."
|
|
buttons={[{ text: "Shop Women", href: "/women" }, { text: "Shop Men", href: "/men" }]}
|
|
imageSrc="http://img.b2bpic.net/free-psd/luxury-men-s-fashion-template-design_23-2150863970.jpg?_wi=1"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-products" data-section="featured-products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[]}
|
|
title="Best Sellers"
|
|
description="Our most loved pieces, essential for your luxury wardrobe."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={true}
|
|
testimonials={[]}
|
|
cardTitle="Client Voices"
|
|
cardTag="Reviews"
|
|
cardAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric" data-section="metric">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
title="Our Impact"
|
|
description="Redefining the standard of luxury fashion with conscious craftsmanship."
|
|
metrics={[]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{ title: "Shop", items: [{ label: "Women", href: "/women" }, { label: "Men", href: "/men" }] },
|
|
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
|
{ title: "Account", items: [{ label: "Cart", href: "/cart" }, { label: "Checkout", href: "/checkout" }] }
|
|
]}
|
|
bottomLeftText="© 2024 VELORA. All rights reserved."
|
|
bottomRightText="Privacy Policy | Terms of Service"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |