Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| bef7e03b42 |
188
src/app/page.tsx
188
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Products",
|
name: "Products", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "FAQ", id: "faq"},
|
||||||
id: "faq",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="ShopCommerce"
|
brandName="ShopCommerce"
|
||||||
/>
|
/>
|
||||||
@@ -51,38 +45,19 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDualMedia
|
<HeroSplitDualMedia
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Future of Shopping, Delivered."
|
title="Future of Shopping, Delivered."
|
||||||
description="Discover our collection of high-end gadgets designed to simplify your life. Built with precision, performance, and style in mind."
|
description="Discover our collection of high-end gadgets designed to simplify your life. Built with precision, performance, and style in mind."
|
||||||
tag="New 2025 Collection"
|
tag="New 2025 Collection"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Shop Now",
|
text: "Shop Now", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736745.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736745.jpg", imageAlt: "minimalist gadget photography"},
|
||||||
imageAlt: "minimalist gadget photography",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/home-office-with-computer-shelf_23-2148806343.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/home-office-with-computer-shelf_23-2148806343.jpg", imageAlt: "tech device lifestyle photography"}
|
||||||
imageAlt: "tech device lifestyle photography",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg",
|
|
||||||
imageAlt: "Minimal Tech Setup with Earbuds",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17240.jpg",
|
|
||||||
imageAlt: "Minimal Tech Setup with Earbuds",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349235.jpg",
|
|
||||||
imageAlt: "Neon robot vacuum cleaner",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
rating={5}
|
rating={5}
|
||||||
@@ -97,17 +72,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
negativeCard={{
|
negativeCard={{
|
||||||
items: [
|
items: [
|
||||||
"No Clunky Software",
|
"No Clunky Software", "No Hidden Fees", "No Quality Compromise"],
|
||||||
"No Hidden Fees",
|
|
||||||
"No Quality Compromise",
|
|
||||||
],
|
|
||||||
}}
|
}}
|
||||||
positiveCard={{
|
positiveCard={{
|
||||||
items: [
|
items: [
|
||||||
"Advanced Performance",
|
"Advanced Performance", "Sleek Minimal Design", "Long-lasting Battery"],
|
||||||
"Sleek Minimal Design",
|
|
||||||
"Long-lasting Battery",
|
|
||||||
],
|
|
||||||
}}
|
}}
|
||||||
title="Why Choose Us"
|
title="Why Choose Us"
|
||||||
description="The difference between standard and premium experience is attention to detail."
|
description="The difference between standard and premium experience is attention to detail."
|
||||||
@@ -122,47 +91,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Pro Wireless Hub", price: "$129", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072174.jpg"},
|
||||||
name: "Pro Wireless Hub",
|
|
||||||
price: "$129",
|
|
||||||
variant: "Standard",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072174.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Smart Audio Pod", price: "$199", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/man-with-plastic-board_23-2148910222.jpg"},
|
||||||
name: "Smart Audio Pod",
|
|
||||||
price: "$199",
|
|
||||||
variant: "Pro",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-plastic-board_23-2148910222.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Elite Focus Cam", price: "$249", variant: "Ultra", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-camera-smartphone-table_23-2148036986.jpg"},
|
||||||
name: "Elite Focus Cam",
|
|
||||||
price: "$249",
|
|
||||||
variant: "Ultra",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-camera-smartphone-table_23-2148036986.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Carbon Sync Node", price: "$89", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg"},
|
||||||
name: "Carbon Sync Node",
|
|
||||||
price: "$89",
|
|
||||||
variant: "Basic",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "Titan Charge Block", price: "$49", variant: "Max", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-old-hard-disk_58702-17250.jpg"},
|
||||||
name: "Titan Charge Block",
|
|
||||||
price: "$49",
|
|
||||||
variant: "Max",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-old-hard-disk_58702-17250.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "Omni Connect Key", price: "$69", variant: "Core", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722708.jpg"},
|
||||||
name: "Omni Connect Key",
|
|
||||||
price: "$69",
|
|
||||||
variant: "Core",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722708.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Featured Products"
|
title="Featured Products"
|
||||||
description="Browse our curated selection of top-rated technology devices."
|
description="Browse our curated selection of top-rated technology devices."
|
||||||
@@ -176,22 +115,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", title: "Devices Delivered", value: "50,000+", icon: CheckCircle,
|
||||||
title: "Devices Delivered",
|
|
||||||
value: "50,000+",
|
|
||||||
icon: CheckCircle,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", title: "Customer Satisfaction", value: "99.8%", icon: Award,
|
||||||
title: "Customer Satisfaction",
|
|
||||||
value: "99.8%",
|
|
||||||
icon: Award,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", title: "Global Shipping", value: "120+", icon: Globe,
|
||||||
title: "Global Shipping",
|
|
||||||
value: "120+",
|
|
||||||
icon: Globe,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Our Impact"
|
title="Our Impact"
|
||||||
@@ -204,30 +134,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg"},
|
||||||
name: "Sarah Miller",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-black-man-with-charming-smile-studio-shot-well-dressed-african-guy-wears-white-t-shirt-gray-jacket_639032-250.jpg"},
|
||||||
name: "David Chen",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-black-man-with-charming-smile-studio-shot-well-dressed-african-guy-wears-white-t-shirt-gray-jacket_639032-250.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographer-working-studio_23-2150247208.jpg"},
|
||||||
name: "Elena Rodriguez",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographer-working-studio_23-2150247208.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg"},
|
||||||
name: "Marcus Thorne",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg"},
|
||||||
name: "Jessica Lee",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
cardTitle="Loved by Thousands"
|
cardTitle="Loved by Thousands"
|
||||||
cardTag="Our Customers"
|
cardTag="Our Customers"
|
||||||
@@ -240,14 +155,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"TechCorp",
|
"TechCorp", "InnovateLabs", "NextGen", "DesignFlow", "FutureSmart", "GlobalMetrics", "ApexSolutions"]}
|
||||||
"InnovateLabs",
|
|
||||||
"NextGen",
|
|
||||||
"DesignFlow",
|
|
||||||
"FutureSmart",
|
|
||||||
"GlobalMetrics",
|
|
||||||
"ApexSolutions",
|
|
||||||
]}
|
|
||||||
title="Trusted by Industry Leaders"
|
title="Trusted by Industry Leaders"
|
||||||
description="Partnering with global brands to set new standards."
|
description="Partnering with global brands to set new standards."
|
||||||
/>
|
/>
|
||||||
@@ -258,20 +166,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "Is shipping free?", content: "Yes, we offer free worldwide shipping on all orders over $100."},
|
||||||
title: "Is shipping free?",
|
|
||||||
content: "Yes, we offer free worldwide shipping on all orders over $100.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Do you offer warranties?", content: "Every product includes a 2-year manufacturer warranty."},
|
||||||
title: "Do you offer warranties?",
|
|
||||||
content: "Every product includes a 2-year manufacturer warranty.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Can I return items?", content: "You have 30 days to return any item if you are not fully satisfied."},
|
||||||
title: "Can I return items?",
|
|
||||||
content: "You have 30 days to return any item if you are not fully satisfied.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Common Questions"
|
sideTitle="Common Questions"
|
||||||
sideDescription="Everything you need to know about our products."
|
sideDescription="Everything you need to know about our products."
|
||||||
@@ -284,42 +183,27 @@ export default function LandingPage() {
|
|||||||
logoText="ShopCommerce"
|
logoText="ShopCommerce"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Careers",
|
label: "Careers", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Help Center",
|
label: "Help Center", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user