232 lines
12 KiB
TypeScript
232 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import { CreditCard, LifeBuoy, Package, Sparkles } from "lucide-react";
|
||
|
||
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="hero" data-section="hero">
|
||
<HeroBillboardRotatedCarousel
|
||
background={{
|
||
variant: "rotated-rays-static-grid"}}
|
||
title="Work Smarter. Live Better."
|
||
description="Premium lifestyle essentials designed to elevate your workspace and daily routine."
|
||
buttons={[
|
||
{
|
||
text: "Shop Collection", href: "/shop"},
|
||
]}
|
||
carouselItems={[
|
||
{
|
||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/creative-desktop-with-laptop-coffee-stationery-pink-grey-table-top-view-flat-lay_501050-658.jpg", imageAlt: "Modern organized desk setup"},
|
||
{
|
||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/home-office-design-workspace-room-concept_53876-16314.jpg", imageAlt: "Sleek desk organizer with accessories"},
|
||
{
|
||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039363.jpg", imageAlt: "Ergonomic laptop setup with external keyboard"},
|
||
{
|
||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-notebook_23-2148196642.jpg", imageAlt: "Organized stationary on minimalist desk"},
|
||
{
|
||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-with-laptop-pouring-water_23-2147765046.jpg", imageAlt: "Aesthetic productivity notebook and pen"},
|
||
{
|
||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/photographer-using-photo-editing-software-mockup-multi-monitors-setup_482257-122954.jpg", imageAlt: "Cozy and productive home office setup"},
|
||
]}
|
||
autoPlay={true}
|
||
autoPlayInterval={4000}
|
||
/>
|
||
</div>
|
||
|
||
<div id="featured-categories" data-section="featured-categories">
|
||
<FeatureCardNine
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
title: "Workspace Essentials", description: "Transform your desk into a hub of efficiency with ergonomic stands, smart organizers, and ambient lighting.", phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147915818.jpg", imageAlt: "Modern desk organizer"},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-teacher-holding-headphones_23-2148618640.jpg", imageAlt: "Laptop on ergonomic stand"},
|
||
buttons: [
|
||
{
|
||
text: "Shop Workspace", href: "/categories#workspace"},
|
||
]
|
||
},
|
||
{
|
||
title: "Travel & Commute", description: "Stay productive and organized on the go with portable charging, compact accessories, and travel-friendly solutions.", phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/suitcase-packed-with-travel-paraphernalia_23-2149433962.jpg", imageAlt: "Sleek travel accessories"},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-lies-notebook-beforeon-map-hat-keds-glasses-around-it_8353-1343.jpg", imageAlt: "Person working on laptop at cafe"},
|
||
buttons: [
|
||
{
|
||
text: "Shop Travel", href: "/categories#travel"},
|
||
]
|
||
},\n {
|
||
title: "Organization Solutions", description: "Declutter your life with smart cable management, modular storage, and intuitive planners for every task.", phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/heap-hair-rollers-hair-clips_23-2147711536.jpg", imageAlt: "Desk drawer organized with dividers"},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-tired-businessman-working-his-office-businessperson-professional-environment_482257-32732.jpg", imageAlt: "Filing system for documents"},
|
||
buttons: [
|
||
{
|
||
text: "Shop Organization", href: "/categories#organization"},
|
||
]
|
||
},
|
||
{
|
||
title: "Daily Essentials", description: "Enhance your routine with stylish reusable water bottles, wellness tech, and mindfulness tools.", phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-nvme-ssd_58702-17227.jpg", imageAlt: "Reusable water bottle next to laptop"},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-brushes-wooden-table_23-2148883440.jpg", imageAlt: "Morning routine items"},
|
||
buttons: [
|
||
{
|
||
text: "Shop Daily", href: "/categories#daily"},
|
||
]
|
||
},
|
||
]}
|
||
showStepNumbers={false}
|
||
title="Explore Our Curated Categories"
|
||
description="Find everything you need to optimize your productivity and elevate your daily life."
|
||
/>
|
||
</div>
|
||
|
||
<div id="benefits" data-section="benefits">
|
||
<MetricCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "quality", value: "Premium", title: "Quality", description: "Our products are meticulously selected for durability and superior design.", icon: Sparkles,
|
||
},
|
||
{
|
||
id: "shipping", value: "Fast", title: "Shipping", description: "Get your essentials quickly with our efficient and reliable delivery service.", icon: Package,
|
||
},
|
||
{
|
||
id: "payments", value: "Secure", title: "Payments", description: "Shop with confidence through our encrypted and secure payment gateways.", icon: CreditCard,
|
||
},
|
||
{
|
||
id: "support", value: "Dedicated", title: "Support", description: "Our customer support team is always ready to assist you.", icon: LifeBuoy,
|
||
},
|
||
]}
|
||
title="Why Choose NordVita?"
|
||
description="Experience the difference with products crafted for quality, delivered with care, and backed by exceptional support."
|
||
/>
|
||
</div>
|
||
|
||
<div id="best-sellers" data-section="best-sellers">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "1", name: "Minimalist Laptop Stand", price: "$49.99", variant: "Silver", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-using-mouse_23-2148994173.jpg", imageAlt: "Minimalist Laptop Stand"},
|
||
{
|
||
id: "2", name: "Wireless Charging Station", price: "$69.99", variant: "Wood Finish", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349247.jpg", imageAlt: "Wireless Charging Station"},
|
||
{
|
||
id: "3", name: "Reusable Glass Water Bottle", price: "$24.99", variant: "Clear", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151282042.jpg", imageAlt: "Reusable Glass Water Bottle"},
|
||
{
|
||
id: "4", name: "Modern LED Desk Lamp", price: "$79.99", variant: "Matte Black", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-aromatherapy-while-working-laptop-kitchen_482257-7934.jpg", imageAlt: "Modern LED Desk Lamp"},
|
||
{
|
||
id: "5", name: "Productivity Notebook", price: "$18.99", variant: "A5 Lined", imageSrc: "http://img.b2bpic.net/free-photo/bullet-journal-pen-top-view_23-2149740083.jpg", imageAlt: "Productivity Notebook"},
|
||
{
|
||
id: "6", name: "Cable Management Box", price: "$34.99", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/lucky-drawers-temple-hong-kong_53876-147828.jpg", imageAlt: "Cable Management Box"},
|
||
]}
|
||
title="Our Best Sellers"
|
||
description="Discover what our customers love most – top-rated products designed to boost your productivity."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={false}
|
||
testimonial="NordVita products have completely transformed my workspace. The quality is exceptional, and everything arrived so quickly. Highly recommend!"
|
||
rating={5}
|
||
author="Sarah Johnson, Marketing Lead"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/businessman-with-hand-chin-looking-away_23-2148308548.jpg", alt: "Sarah Johnson avatar"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-joyful-goodlooking-blond-woman-white-dress-talking-phone-hold-smartphone-near-ear-look-upbeat-camera-smiling-discuss-friends-date-stand-pink-background_1258-93858.jpg", alt: "Michael Chen avatar"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/thoughtful-woman-green-dress-sits-bench_8353-1364.jpg", alt: "Emily Rodriguez avatar"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", alt: "David Kim avatar"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/long-haired-redhead-girl-is-happy-sincerely-smiling-holding-pot-greens-her-hands-closeup-portrait-outside-surrounded-by-plants_197531-12277.jpg", alt: "Jessica Lee avatar"},
|
||
]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="newsletter" data-section="newsletter">
|
||
<ContactCenter
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
tag="Exclusive Offer"
|
||
title="Unlock 10% Off Your First Order"
|
||
description="Join our newsletter for exclusive discounts, new product launches, and productivity tips. Designed for better days."
|
||
inputPlaceholder="Your email address"
|
||
buttonText="Sign Up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="NordVita"
|
||
leftLink={{
|
||
text: "Shipping Policy", href: "#"}}
|
||
rightLink={{
|
||
text: "Return Policy", href: "#"}}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|