Update src/app/page.tsx

This commit is contained in:
2026-04-26 08:06:33 +00:00
parent 112535e2aa
commit bef7e03b42

View File

@@ -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: "#"},
],
},
]}