259 lines
15 KiB
TypeScript
259 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Globe, Headphones, Lock, Star, Truck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Products", id: "/products"},
|
|
{
|
|
name: "Details", id: "/product-detail"},
|
|
{
|
|
name: "About Us", id: "/about"},
|
|
{
|
|
name: "Contact", id: "/contact"},
|
|
{
|
|
name: "FAQ", id: "/faq"},
|
|
{
|
|
name: "Track Order", id: "/track-order"},
|
|
{
|
|
name: "Policies", id: "/legal"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-photo/computer-mouse-paper-bag-blue-background-top-view_169016-43524.jpg"
|
|
logoAlt="NovaCart Logo"
|
|
brandName="NovaCart"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="Discover the Future, Today. NovaCart Brings Viral Gadgets to Your Door."
|
|
description="Experience innovation with our curated selection of trending tech and smart accessories. Fast shipping, guaranteed satisfaction. Shop now and elevate your lifestyle!"
|
|
testimonials={[
|
|
{
|
|
name: "Alex P.", handle: "@alex_techie", testimonial: "NovaCart has the coolest stuff! Found my new favorite smart gadget here. Shipping was super fast.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-smiling-blowing-kiss_23-2149187033.jpg", imageAlt: "Alex P. Testimonial"},
|
|
{
|
|
name: "Ben T.", handle: "@gadget_guru", testimonial: "Always impressed with NovaCart's selection. High quality and genuinely useful products. A must-shop for tech lovers!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg", imageAlt: "Ben T. Testimonial"},
|
|
{
|
|
name: "Chloe L.", handle: "@smartlife_chloe", testimonial: "My go-to for trending accessories. NovaCart never disappoints with their unique finds and excellent service.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-smiling_23-2148454539.jpg", imageAlt: "Chloe L. Testimonial"},
|
|
{
|
|
name: "David S.", handle: "@innovate_david", testimonial: "The products are exactly as described, and the customer support is top-notch. Highly recommend NovaCart!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bearded-grey-haired-elderly-man-dressed-formal-suit_273609-6130.jpg", imageAlt: "David S. Testimonial"},
|
|
{
|
|
name: "Emily R.", handle: "@tech_explorer", testimonial: "I'm constantly looking for new tech, and NovaCart delivers! Their prices are great, and the delivery is always on time.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-study-session-learning-smiling_23-2149265833.jpg", imageAlt: "Emily R. Testimonial"},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
buttons={[
|
|
{
|
|
text: "Shop Now", href: "/products"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-nvme-ssd_58702-17227.jpg"
|
|
imageAlt="NovaCart Hero Main Gadget"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-girlfriends-enjoying-time-together_23-2148925909.jpg", alt: "Young girlfriends enjoying the time together"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/two-female-friends-posing-while-making-frame-with-fingers_23-2148708918.jpg", alt: "Two female friends posing while making frame with fingers"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/stylish-african-american-girl-with-afro-haircut-holding-mobile-taking-selfie_273609-9246.jpg", alt: "Stylish African-American girl with Afro haircut holding mobile, taking selfie"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16131.jpg", alt: "Team of young colleagues having meeting at cafe"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-jolly-media-star-telling-viewers-facts-about-himself-close-up_482257-116639.jpg", alt: "Portrait of jolly media star telling viewers facts about himself close up"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Fast & Free Shipping", icon: Truck,
|
|
},
|
|
{
|
|
type: "text-icon", text: "24/7 Expert Support", icon: Headphones,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Top-Rated Quality", icon: Star,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Secure Checkout", icon: Lock,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Global Gadget Trends", icon: Globe,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-products" data-section="featured-products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "earbuds-1", name: "NovaPods Pro - Wireless Earbuds", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17226.jpg", imageAlt: "NovaPods Pro Wireless Earbuds"},
|
|
{
|
|
id: "projector-2", name: "PocketBeam Mini Projector", price: "$149.99", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477065.jpg", imageAlt: "PocketBeam Mini Projector"},
|
|
{
|
|
id: "charger-3", name: "ChargeFlow X - 3-in-1 Wireless Charger", price: "$59.99", imageSrc: "http://img.b2bpic.net/free-photo/usb-charging-gadgets-blurred-background-room-closeup_169016-15156.jpg", imageAlt: "ChargeFlow X 3-in-1 Wireless Charger"},
|
|
{
|
|
id: "bottle-4", name: "HydroSense Smart Water Bottle", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/blue-deodorant-aerosol-spray-bottle-isolated-white-background_187299-46307.jpg", imageAlt: "HydroSense Smart Water Bottle"},
|
|
{
|
|
id: "translator-5", name: "LinguaFlow AI Translator", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579730.jpg", imageAlt: "LinguaFlow AI Translator"},
|
|
{
|
|
id: "glasses-6", name: "SpectraView AR Glasses", price: "$299.99", imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-virtual-reality-headset-looking-up_23-2148794596.jpg", imageAlt: "SpectraView AR Glasses"},
|
|
]}
|
|
title="Featured Finds & Best Sellers"
|
|
description="Explore NovaCart's top picks: innovative gadgets and viral sensations that everyone's talking about. Limited stock, grab yours now!"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose-us" data-section="why-choose-us">
|
|
<FeatureCardTwentyNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Secure & Fast Checkout", description: "Shop with confidence knowing your data is protected with our encrypted, lightning-fast checkout process.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-doing-online-shopping_23-2149159937.jpg", imageAlt: "Secure Checkout", titleImageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149930146.jpg", buttonText: "Learn More"},
|
|
{
|
|
title: "Worldwide Express Shipping", description: "Get your trending gadgets delivered quickly, no matter where you are. We ensure prompt and reliable shipping.", imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-delivery-girl-red-uniform-holding-looking-mobile-phone-isolated-white-space_141793-92169.jpg", imageAlt: "Worldwide Shipping", titleImageSrc: "http://img.b2bpic.net/free-photo/courier-texting-client-after-wrong-order_482257-78507.jpg", buttonText: "Shipping Info"},
|
|
{
|
|
title: "24/7 Live Support", description: "Our dedicated customer support team is always ready to assist you, ensuring a smooth and pleasant shopping experience.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartphone-computer-analize-information_1421-674.jpg", imageAlt: "Live Support", titleImageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038403.jpg", buttonText: "Contact Us"},
|
|
]}
|
|
title="Why Choose NovaCart?"
|
|
description="We're more than just a store. We're your gateway to the latest innovations, backed by unparalleled service and a commitment to your satisfaction."
|
|
/>
|
|
</div>
|
|
|
|
<div id="limited-offer" data-section="limited-offer">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
tag="Don't Miss Out!"
|
|
title="Limited Time Offer: Up to 50% Off Select Gadgets!"
|
|
buttons={[
|
|
{
|
|
text: "Claim Your Deal", href: "/products"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="customer-reviews" data-section="customer-reviews">
|
|
<TestimonialCardThirteen
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", handle: "@sarah_tech", testimonial: "Absolutely thrilled with my smart watch! NovaCart delivered fast and the quality is amazing. Five stars!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg", imageAlt: "Sarah J."},
|
|
{
|
|
id: "2", name: "Mark R.", handle: "@mark_reviews", testimonial: "Found the perfect mini drone here. The website is easy to navigate and customer support was very helpful. Great experience!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-happy-excited-with-raised-hands-standing-pink-wall_141793-29149.jpg", imageAlt: "Mark R."},
|
|
{
|
|
id: "3", name: "Olivia C.", handle: "@oliv_gadgets", testimonial: "NovaCart is my new favorite for viral products. Got a cool new gadget that's already a conversation starter. Highly recommend!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg", imageAlt: "Olivia C."},
|
|
{
|
|
id: "4", name: "David L.", handle: "@dave_innovate", testimonial: "The quality of the smart home devices is exceptional for the price. Fast delivery and secure packaging. Will definitely buy again.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-holding-mobile-phone_93675-134266.jpg", imageAlt: "David L."},
|
|
{
|
|
id: "5", name: "Jessica M.", handle: "@jess_techie", testimonial: "So many unique and practical gadgets! NovaCart makes it easy to stay on top of the latest trends. Love my new portable charger.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageAlt: "Jessica M."},
|
|
]}
|
|
showRating={true}
|
|
title="What Our Customers Are Saying"
|
|
description="Real experiences from happy NovaCart shoppers who love our trending gadgets and seamless service. Join the thousands who trust us for their tech needs!"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{
|
|
label: "All Products", href: "/products"},
|
|
{
|
|
label: "Featured", href: "/products"},
|
|
{
|
|
label: "Best Sellers", href: "/products"},
|
|
{
|
|
label: "Deals", href: "/products"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "/about"},
|
|
{
|
|
label: "Contact", href: "/contact"},
|
|
{
|
|
label: "FAQ", href: "/faq"},
|
|
{
|
|
label: "Our Team", href: "/about#our-team"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "Track Order", href: "/track-order"},
|
|
{
|
|
label: "Shipping Info", href: "/faq"},
|
|
{
|
|
label: "Returns Policy", href: "/legal"},
|
|
{
|
|
label: "Help Center", href: "/contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "/legal#privacy-policy"},
|
|
{
|
|
label: "Terms & Conditions", href: "/legal#terms-conditions"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="NovaCart"
|
|
copyrightText="© 2024 NovaCart. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|