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
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="ShopCommerce"
|
||||
/>
|
||||
@@ -51,38 +45,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
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."
|
||||
tag="New 2025 Collection"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736745.jpg",
|
||||
imageAlt: "minimalist gadget photography",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736745.jpg", imageAlt: "minimalist gadget photography"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-office-with-computer-shelf_23-2148806343.jpg",
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-office-with-computer-shelf_23-2148806343.jpg", imageAlt: "tech device lifestyle photography"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -97,17 +72,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No Clunky Software",
|
||||
"No Hidden Fees",
|
||||
"No Quality Compromise",
|
||||
],
|
||||
"No Clunky Software", "No Hidden Fees", "No Quality Compromise"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Advanced Performance",
|
||||
"Sleek Minimal Design",
|
||||
"Long-lasting Battery",
|
||||
],
|
||||
"Advanced Performance", "Sleek Minimal Design", "Long-lasting Battery"],
|
||||
}}
|
||||
title="Why Choose Us"
|
||||
description="The difference between standard and premium experience is attention to detail."
|
||||
@@ -122,47 +91,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Smart Audio Pod",
|
||||
price: "$199",
|
||||
variant: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-plastic-board_23-2148910222.jpg",
|
||||
},
|
||||
id: "p2", name: "Smart Audio Pod", price: "$199", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/man-with-plastic-board_23-2148910222.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Carbon Sync Node",
|
||||
price: "$89",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg",
|
||||
},
|
||||
id: "p4", name: "Carbon Sync Node", price: "$89", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Omni Connect Key",
|
||||
price: "$69",
|
||||
variant: "Core",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722708.jpg",
|
||||
},
|
||||
id: "p6", 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"
|
||||
description="Browse our curated selection of top-rated technology devices."
|
||||
@@ -176,22 +115,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Devices Delivered",
|
||||
value: "50,000+",
|
||||
icon: CheckCircle,
|
||||
id: "m1", title: "Devices Delivered", value: "50,000+", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Customer Satisfaction",
|
||||
value: "99.8%",
|
||||
icon: Award,
|
||||
id: "m2", title: "Customer Satisfaction", value: "99.8%", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Global Shipping",
|
||||
value: "120+",
|
||||
icon: Globe,
|
||||
id: "m3", title: "Global Shipping", value: "120+", icon: Globe,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -204,30 +134,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographer-working-studio_23-2150247208.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographer-working-studio_23-2150247208.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus Thorne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg",
|
||||
},
|
||||
id: "t4", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
cardTitle="Loved by Thousands"
|
||||
cardTag="Our Customers"
|
||||
@@ -240,14 +155,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLabs",
|
||||
"NextGen",
|
||||
"DesignFlow",
|
||||
"FutureSmart",
|
||||
"GlobalMetrics",
|
||||
"ApexSolutions",
|
||||
]}
|
||||
"TechCorp", "InnovateLabs", "NextGen", "DesignFlow", "FutureSmart", "GlobalMetrics", "ApexSolutions"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Partnering with global brands to set new standards."
|
||||
/>
|
||||
@@ -258,20 +166,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is shipping free?",
|
||||
content: "Yes, we offer free worldwide shipping on all orders over $100.",
|
||||
},
|
||||
id: "q1", title: "Is shipping free?", content: "Yes, we offer free worldwide shipping on all orders over $100."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer warranties?",
|
||||
content: "Every product includes a 2-year manufacturer warranty.",
|
||||
},
|
||||
id: "q2", title: "Do you offer warranties?", content: "Every product includes a 2-year manufacturer warranty."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I return items?",
|
||||
content: "You have 30 days to return any item if you are not fully satisfied.",
|
||||
},
|
||||
id: "q3", title: "Can I return items?", content: "You have 30 days to return any item if you are not fully satisfied."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our products."
|
||||
@@ -284,42 +183,27 @@ export default function LandingPage() {
|
||||
logoText="ShopCommerce"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user