Merge version_1 into main #2
213
src/app/page.tsx
213
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGaller
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Github, Instagram, Twitter } from "lucide-react";
|
||||
import { Github, Instagram, Twitter, Zap, Shield, Award, Lock, RefreshCw } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -17,60 +17,45 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="E-Shop"
|
||||
button={{ text: "Get Started", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Next-Gen Retail Experience"
|
||||
description="Elevate your daily workflow with our premium curated collection of cutting-edge lifestyle technology."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/a-futuristic-e-commerce-product-display--1774674537054-c2482486.png",
|
||||
imageAlt: "Futuristic electronic display",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/a-futuristic-e-commerce-product-display--1774674537054-c2482486.png", imageAlt: "Futuristic electronic display"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/a-minimalist-lifestyle-shot-of-premium-a-1774674536822-12afba81.png",
|
||||
imageAlt: "Minimalist premium accessories",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/a-minimalist-lifestyle-shot-of-premium-a-1774674536822-12afba81.png", imageAlt: "Minimalist premium accessories"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/a-sleek-modern-desk-setup-with-gadgets-h-1774674536851-a30209d6.png?_wi=1",
|
||||
imageAlt: "High-tech desk setup",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/a-sleek-modern-desk-setup-with-gadgets-h-1774674536851-a30209d6.png", imageAlt: "High-tech desk setup"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/abstract-tech-background-with-glowing-or-1774674537543-3161f7f1.png",
|
||||
imageAlt: "Glowing tech nodes",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/abstract-tech-background-with-glowing-or-1774674537543-3161f7f1.png", imageAlt: "Glowing tech nodes"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/a-close-up-of-a-smartwatch-interface-sle-1774674536762-312ca2c9.png?_wi=1",
|
||||
imageAlt: "Smartwatch interface close-up",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/a-close-up-of-a-smartwatch-interface-sle-1774674536762-312ca2c9.png", imageAlt: "Smartwatch interface close-up"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -83,51 +68,11 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "AudioTech",
|
||||
name: "Sonic Pro Headphones",
|
||||
price: "$199",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/wireless-noise-canceling-headphones-matt-1774674537221-b9e04ab5.png",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "StreamCo",
|
||||
name: "Portable Soundbar",
|
||||
price: "$129",
|
||||
rating: 4,
|
||||
reviewCount: "89",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/smart-portable-speaker-compact-cylindric-1774674536113-0292fd7f.png",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "KeyBoarder",
|
||||
name: "Tactile Mech Deck",
|
||||
price: "$159",
|
||||
rating: 5,
|
||||
reviewCount: "245",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/minimalist-mechanical-keyboard-backlit-k-1774674537668-cb6e885e.png",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "TechLens",
|
||||
name: "Smart Vision Pro",
|
||||
price: "$299",
|
||||
rating: 5,
|
||||
reviewCount: "56",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/a-close-up-of-a-smartwatch-interface-sle-1774674536762-312ca2c9.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "AudioStream",
|
||||
name: "Studio Monitor",
|
||||
price: "$349",
|
||||
rating: 4,
|
||||
reviewCount: "72",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/minimalist-home-audio-system-sleek-dark--1774674536924-dc69f2b5.png",
|
||||
},
|
||||
{ id: "p1", brand: "AudioTech", name: "Sonic Pro Headphones", price: "$199", rating: 5, reviewCount: "128", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/wireless-noise-canceling-headphones-matt-1774674537221-b9e04ab5.png" },
|
||||
{ id: "p2", brand: "StreamCo", name: "Portable Soundbar", price: "$129", rating: 4, reviewCount: "89", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/smart-portable-speaker-compact-cylindric-1774674536113-0292fd7f.png" },
|
||||
{ id: "p3", brand: "KeyBoarder", name: "Tactile Mech Deck", price: "$159", rating: 5, reviewCount: "245", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/minimalist-mechanical-keyboard-backlit-k-1774674537668-cb6e885e.png" },
|
||||
{ id: "p4", brand: "TechLens", name: "Smart Vision Pro", price: "$299", rating: 5, reviewCount: "56", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/a-close-up-of-a-smartwatch-interface-sle-1774674536762-312ca2c9.png" },
|
||||
{ id: "p5", brand: "AudioStream", name: "Studio Monitor", price: "$349", rating: 4, reviewCount: "72", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/minimalist-home-audio-system-sleek-dark--1774674536924-dc69f2b5.png" }
|
||||
]}
|
||||
title="Curated Essentials"
|
||||
description="Discover our most popular products, designed for performance and built to last."
|
||||
@@ -139,31 +84,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Free Express Shipping",
|
||||
description: "Global delivery in under 48 hours for every order over $50.",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "24/7 Tech Support",
|
||||
description: "Our experts are available around the clock to assist with your purchases.",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Lifetime Warranty",
|
||||
description: "All our electronics come with a comprehensive replacement guarantee.",
|
||||
buttonIcon: "Award",
|
||||
},
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Shop with confidence using our end-to-end encrypted payment systems.",
|
||||
buttonIcon: "Lock",
|
||||
},
|
||||
{
|
||||
title: "Easy Returns",
|
||||
description: "Not happy? Send it back within 30 days for a full refund.",
|
||||
buttonIcon: "RefreshCw",
|
||||
},
|
||||
{ title: "Free Express Shipping", description: "Global delivery in under 48 hours for every order over $50.", buttonIcon: Zap },
|
||||
{ title: "24/7 Tech Support", description: "Our experts are available around the clock to assist with your purchases.", buttonIcon: Shield },
|
||||
{ title: "Lifetime Warranty", description: "All our electronics come with a comprehensive replacement guarantee.", buttonIcon: Award },
|
||||
{ title: "Secure Payments", description: "Shop with confidence using our end-to-end encrypted payment systems.", buttonIcon: Lock },
|
||||
{ title: "Easy Returns", description: "Not happy? Send it back within 30 days for a full refund.", buttonIcon: RefreshCw }
|
||||
]}
|
||||
title="Why Choose E-Shop?"
|
||||
description="We blend modern technology with intuitive design to provide the best shopping experience."
|
||||
@@ -175,46 +100,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent Quality",
|
||||
quote: "The sonic pro headphones are absolute perfection. Crisp sound and amazing battery life.",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO, TechFlow",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/portrait-of-a-young-tech-savvy-woman-hol-1774674537770-5b306ee9.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Game Changer",
|
||||
quote: "This mechanical keyboard completely changed how I work. Fast delivery and premium feel.",
|
||||
name: "Michael Chen",
|
||||
role: "Lead Designer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/portrait-of-a-male-professional-designer-1774674536538-4590c2b1.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Solid Investment",
|
||||
quote: "I've been using their tech gear for years and have never been disappointed. Highly recommended.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Product Manager",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/casual-portrait-of-a-tech-enthusiast-in--1774674536475-8749b399.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Fast and Reliable",
|
||||
quote: "Shipping was lightning fast and the customer support team resolved my query in minutes.",
|
||||
name: "David Kim",
|
||||
role: "Developer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/portrait-of-an-experienced-digital-nomad-1774674536877-2780a867.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Top-notch Support",
|
||||
quote: "The support team is incredible, they guided me through setup perfectly.",
|
||||
name: "Alex Rivera",
|
||||
role: "Creative Director",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/portrait-of-a-young-tech-savvy-woman-hol-1774674537770-5b306ee9.png?_wi=2",
|
||||
},
|
||||
{ id: "1", title: "Excellent Quality", quote: "The sonic pro headphones are absolute perfection.", name: "Sarah Johnson", role: "CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/portrait-of-a-young-tech-savvy-woman-hol-1774674537770-5b306ee9.png" },
|
||||
{ id: "2", title: "Game Changer", quote: "This mechanical keyboard completely changed how I work.", name: "Michael Chen", role: "Lead Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/portrait-of-a-male-professional-designer-1774674536538-4590c2b1.png" }
|
||||
]}
|
||||
title="Loved by Tech Enthusiasts"
|
||||
description="Don't just take our word for it—join thousands of satisfied customers who trust E-Shop."
|
||||
@@ -226,26 +113,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer returns?",
|
||||
content: "Yes, we offer a 30-day hassle-free return policy on all products.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my payment secure?",
|
||||
content: "Absolutely. We use encrypted payment gateways to ensure your data stays safe.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I track my order?",
|
||||
content: "Yes, we provide real-time tracking links via email once your order ships.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer returns?", content: "Yes, we offer a 30-day hassle-free return policy on all products." },
|
||||
{ id: "f2", title: "Is my payment secure?", content: "Absolutely. We use encrypted payment gateways." },
|
||||
{ id: "f3", title: "Can I track my order?", content: "Yes, we provide real-time tracking." }
|
||||
]}
|
||||
title="Frequent Questions"
|
||||
description="Quick answers to help you navigate your journey with E-Shop."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/a-sleek-modern-desk-setup-with-gadgets-h-1774674536851-a30209d6.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmhdRdFK9uKfrIWOdJK4cngmm/a-sleek-modern-desk-setup-with-gadgets-h-1774674536851-a30209d6.png"
|
||||
imageAlt="FAQ Help Desk"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -256,21 +131,9 @@ export default function LandingPage() {
|
||||
logoText="E-Shop"
|
||||
copyrightText="© 2025 E-Shop. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Github,
|
||||
href: "#",
|
||||
ariaLabel: "Github",
|
||||
},
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Github, href: "#", ariaLabel: "Github" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user