Merge version_1 into main #2
256
src/app/page.tsx
256
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="E-Shop"
|
||||
/>
|
||||
@@ -56,32 +48,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Future of E-Commerce"
|
||||
description="Discover our collection of premium, innovative products designed to elevate your daily lifestyle."
|
||||
tag="New Arrivals 2025"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8c9y7t",
|
||||
imageAlt: "e-commerce product display studio",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8c9y7t", imageAlt: "e-commerce product display studio"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=akv36u",
|
||||
imageAlt: "tech lifestyle office desk",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zymngu&_wi=1",
|
||||
imageAlt: "premium headphones product isolated",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y29ol0&_wi=1",
|
||||
imageAlt: "smartwatch product close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fobijx&_wi=1",
|
||||
imageAlt: "mechanical keyboard studio photography",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=akv36u", imageAlt: "tech lifestyle office desk"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -95,23 +70,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Durability",
|
||||
description: "Constructed from high-grade materials to ensure longevity and consistent high-performance operation.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u7t1ed&_wi=1",
|
||||
imageAlt: "bluetooth speaker product shot",
|
||||
},
|
||||
title: "Premium Durability", description: "Constructed from high-grade materials to ensure longevity and consistent high-performance operation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u7t1ed", imageAlt: "bluetooth speaker product shot"},
|
||||
{
|
||||
title: "Sleek Aesthetics",
|
||||
description: "Our product line features minimalist and modern designs that fit seamlessly into any modern setup.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l6ie9s&_wi=1",
|
||||
imageAlt: "ergonomic gaming mouse studio",
|
||||
},
|
||||
title: "Sleek Aesthetics", description: "Our product line features minimalist and modern designs that fit seamlessly into any modern setup.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l6ie9s", imageAlt: "ergonomic gaming mouse studio"},
|
||||
{
|
||||
title: "Fast Worldwide Shipping",
|
||||
description: "We ensure your products arrive safely at your doorstep within 3-5 business days globally.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x36t1r&_wi=1",
|
||||
imageAlt: "premium digital camera product",
|
||||
},
|
||||
title: "Fast Worldwide Shipping", description: "We ensure your products arrive safely at your doorstep within 3-5 business days globally.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x36t1r", imageAlt: "premium digital camera product"},
|
||||
]}
|
||||
title="Why Choose Our Products"
|
||||
description="Quality, innovation, and design converge to create an unmatched user experience for every purchase."
|
||||
@@ -126,41 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Noise-Cancelling Headphones",
|
||||
price: "$299",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zymngu&_wi=2",
|
||||
},
|
||||
id: "1", name: "Noise-Cancelling Headphones", price: "$299", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zymngu"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Titanium Smartwatch",
|
||||
price: "$399",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y29ol0&_wi=2",
|
||||
},
|
||||
id: "2", name: "Titanium Smartwatch", price: "$399", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y29ol0"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mechanical Pro Keyboard",
|
||||
price: "$189",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fobijx&_wi=2",
|
||||
},
|
||||
id: "3", name: "Mechanical Pro Keyboard", price: "$189", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fobijx"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Smart Audio Speaker",
|
||||
price: "$129",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u7t1ed&_wi=2",
|
||||
},
|
||||
id: "4", name: "Smart Audio Speaker", price: "$129", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u7t1ed"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Gaming Mouse X",
|
||||
price: "$89",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l6ie9s&_wi=2",
|
||||
},
|
||||
id: "5", name: "Gaming Mouse X", price: "$89", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l6ie9s"},
|
||||
{
|
||||
id: "6",
|
||||
name: "4K Digital Camera",
|
||||
price: "$899",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x36t1r&_wi=2",
|
||||
},
|
||||
id: "6", name: "4K Digital Camera", price: "$899", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x36t1r"},
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Explore our best-selling tech essentials available today."
|
||||
@@ -174,23 +113,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Happy Customers",
|
||||
value: "50k+",
|
||||
},
|
||||
id: "m1", icon: Users,
|
||||
title: "Happy Customers", value: "50k+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Products Shipped",
|
||||
value: "100k+",
|
||||
},
|
||||
id: "m2", icon: Award,
|
||||
title: "Products Shipped", value: "100k+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Shield,
|
||||
title: "Years Experience",
|
||||
value: "10",
|
||||
},
|
||||
id: "m3", icon: Shield,
|
||||
title: "Years Experience", value: "10"},
|
||||
]}
|
||||
title="Proven Growth"
|
||||
description="Building trust through quality products and reliable customer support."
|
||||
@@ -204,59 +134,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ps8drv",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ps8drv"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=72xu0a",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=72xu0a"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wh61dr",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wh61dr"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3rxdhy",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3rxdhy"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Williams",
|
||||
role: "Designer",
|
||||
company: "CreativeFlow",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dshwjz",
|
||||
},
|
||||
id: "5", name: "Anna Williams", role: "Designer", company: "CreativeFlow", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dshwjz"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9", label: "Average Rating"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
value: "99%", label: "Satisfaction Rate"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Customer Support",
|
||||
},
|
||||
value: "24/7", label: "Customer Support"},
|
||||
]}
|
||||
title="Our Community Feedback"
|
||||
description="Read what our customers think about our quality and service standards."
|
||||
@@ -269,20 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long is shipping?",
|
||||
content: "Standard shipping usually takes 3-5 business days.",
|
||||
},
|
||||
id: "1", title: "How long is shipping?", content: "Standard shipping usually takes 3-5 business days."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you accept returns?",
|
||||
content: "Yes, we accept returns within 30 days of purchase.",
|
||||
},
|
||||
id: "2", title: "Do you accept returns?", content: "Yes, we accept returns within 30 days of purchase."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is support available 24/7?",
|
||||
content: "Our support team is available via chat around the clock.",
|
||||
},
|
||||
id: "3", title: "Is support available 24/7?", content: "Our support team is available via chat around the clock."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries regarding shipping, returns, and product support."
|
||||
@@ -299,35 +189,11 @@ export default function LandingPage() {
|
||||
description="Stay updated with the latest trends in technology and consumer goods."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Tech",
|
||||
title: "Future of Wearables",
|
||||
excerpt: "How smart devices will change our lives.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=usyewq",
|
||||
authorName: "Jane Doe",
|
||||
authorAvatar: "https://i.pravatar.cc/150",
|
||||
date: "Jan 12, 2025",
|
||||
},
|
||||
id: "b1", category: "Tech", title: "Future of Wearables", excerpt: "How smart devices will change our lives.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=usyewq", authorName: "Jane Doe", authorAvatar: "https://i.pravatar.cc/150", date: "Jan 12, 2025"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Design",
|
||||
title: "Minimalist Office Trends",
|
||||
excerpt: "The benefits of a clean desk setup.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tbgr9f",
|
||||
authorName: "John Smith",
|
||||
authorAvatar: "https://i.pravatar.cc/150",
|
||||
date: "Jan 15, 2025",
|
||||
},
|
||||
id: "b2", category: "Design", title: "Minimalist Office Trends", excerpt: "The benefits of a clean desk setup.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tbgr9f", authorName: "John Smith", authorAvatar: "https://i.pravatar.cc/150", date: "Jan 15, 2025"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Audio",
|
||||
title: "High-Fidelity Audio Guide",
|
||||
excerpt: "What to look for in pro headphones.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t96ief",
|
||||
authorName: "Alice Johnson",
|
||||
authorAvatar: "https://i.pravatar.cc/150",
|
||||
date: "Jan 18, 2025",
|
||||
},
|
||||
id: "b3", category: "Audio", title: "High-Fidelity Audio Guide", excerpt: "What to look for in pro headphones.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t96ief", authorName: "Alice Johnson", authorAvatar: "https://i.pravatar.cc/150", date: "Jan 18, 2025"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -336,16 +202,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Need Assistance?"
|
||||
description="Our team is ready to answer your questions and provide support."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -355,42 +218,27 @@ export default function LandingPage() {
|
||||
logoText="E-Shop"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Best Sellers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user