184 lines
10 KiB
TypeScript
184 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "home"},
|
|
{
|
|
name: "Shop", id: "products"},
|
|
{
|
|
name: "Quality", id: "features"},
|
|
]}
|
|
brandName="Zenvy"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitTestimonial
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Premium Goods, Delivered Daily"
|
|
description="Zenvy brings you the finest selection of curated products from around the globe, delivered with uncompromising quality and speed."
|
|
testimonials={[
|
|
{
|
|
name: "Alex J.", handle: "@alexj", testimonial: "The quality is simply unmatched. My order arrived exactly as described.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/portrait-of-a-professional-person-smilin-1774785234741-72d583e3.png"},
|
|
{
|
|
name: "Maria K.", handle: "@mariak", testimonial: "Stunning products, fast delivery. Zenvy is my go-to shop now.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/portrait-of-a-happy-customer-clean-backg-1774785233393-2bcea7b2.png"},
|
|
{
|
|
name: "Sam L.", handle: "@saml", testimonial: "Excellent service and premium packaging. Very impressed.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/portrait-of-a-satisfied-customer-modern--1774785233647-d728d31c.png"},
|
|
{
|
|
name: "Elena V.", handle: "@elenav", testimonial: "Exactly what I was looking for. Perfect experience!", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/portrait-of-a-diverse-business-professio-1774785235446-bcc81baa.png"},
|
|
{
|
|
name: "Jordan P.", handle: "@jordanp", testimonial: "Top-tier quality and seamless delivery. Highly recommended!", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/portrait-of-a-diverse-business-professio-1774785235446-bcc81baa.png"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Shop New Arrivals", href: "#products"},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/high-quality-modern-lifestyle-photograph-1774785233926-cd619b8b.png"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "1", title: "Global Logistics", description: "Worldwide shipping with real-time tracking.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/iconic-representation-of-global-shipping-1774785234479-e4bcf9b7.png"},
|
|
{
|
|
id: "2", title: "Quality Assured", description: "Every item is checked for premium quality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/premium-quality-badge-icon-in-a-clean-ve-1774785239839-4b3bdae1.png"},
|
|
{
|
|
id: "3", title: "24/7 Concierge", description: "We are always here to help you shop.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/stylized-customer-support-icon-with-a-fr-1774785233466-bfeed95e.png"},
|
|
]}
|
|
title="Why Choose Zenvy?"
|
|
description="Experience shopping reimagined with our premium service standards."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="scale-rotate"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Wireless Audio Pro", price: "$129.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/premium-wireless-noise-canceling-headpho-1774785232980-d3724249.png"},
|
|
{
|
|
id: "p2", name: "Midnight Smartwatch", price: "$199.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/elegant-smart-watch-with-a-leather-band--1774785232894-9e4a57f1.png"},
|
|
{
|
|
id: "p3", name: "Mech-Lite Keyboard", price: "$89.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/high-end-mechanical-keyboard-with-aesthe-1774785233777-24d3fabb.png"},
|
|
]}
|
|
title="New Arrivals"
|
|
description="Hand-picked favorites for our premium customers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Alex J.", role: "Designer", company: "Studio B", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/portrait-of-a-professional-person-smilin-1774785234741-72d583e3.png"},
|
|
{
|
|
id: "t2", name: "Maria K.", role: "CEO", company: "Global Corp", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/portrait-of-a-happy-customer-clean-backg-1774785233393-2bcea7b2.png"},
|
|
{
|
|
id: "t3", name: "Sam L.", role: "Architect", company: "Arch Labs", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/portrait-of-a-satisfied-customer-modern--1774785233647-d728d31c.png"},
|
|
{
|
|
id: "t4", name: "Elena V.", role: "Creator", company: "Vogue Media", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/portrait-of-a-diverse-business-professio-1774785235446-bcc81baa.png"},
|
|
{
|
|
id: "t5", name: "Marcus R.", role: "Founder", company: "Tech Innovate", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/portrait-of-a-professional-person-smilin-1774785234741-72d583e3.png"},
|
|
]}
|
|
title="Trusted by Thousands"
|
|
description="Our customers are our greatest pride."
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Latest Insights"
|
|
description="Tips, trends, and news about our latest drops."
|
|
blogs={[
|
|
{
|
|
id: "b1", category: "Trends", title: "Minimalist Lifestyle", excerpt: "Curating your home for maximum impact.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/high-quality-modern-lifestyle-photograph-1774785233926-cd619b8b.png", authorName: "Zenvy Team", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/premium-quality-badge-icon-in-a-clean-ve-1774785239839-4b3bdae1.png", date: "Oct 12, 2023"},
|
|
{
|
|
id: "b2", category: "Guide", title: "Choosing Tech", excerpt: "How to pick the perfect audio gear.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/premium-wireless-noise-canceling-headpho-1774785232980-d3724249.png", authorName: "Zenvy Team", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcP2IOkzwsyi3hLAuj6ee8BBjN/stylized-customer-support-icon-with-a-fr-1774785233466-bfeed95e.png", date: "Nov 5, 2023"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Zenvy"
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About", href: "#" },
|
|
{ label: "Sustainability", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "FAQ", href: "#" },
|
|
{ label: "Contact", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "All Products", href: "#products" },
|
|
{ label: "New Arrivals", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |