Merge version_1 into main #2
178
src/app/page.tsx
178
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
]}
|
||||
brandName="Shopify Store"
|
||||
/>
|
||||
@@ -56,35 +48,21 @@ export default function LandingPage() {
|
||||
description="Redefining the standard of premium tech hardware and accessories for your modern workflow."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-man-showing-shopping-bags-with-products-credit-card-standing-yellow-background_1258-158641.jpg?_wi=1",
|
||||
imageAlt: "Tech accessories mockup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-man-showing-shopping-bags-with-products-credit-card-standing-yellow-background_1258-158641.jpg", imageAlt: "Tech accessories mockup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pattern-glass-product-backdrop-with-stand_53876-125899.jpg?_wi=1",
|
||||
imageAlt: "Minimalist desk setup tech",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pattern-glass-product-backdrop-with-stand_53876-125899.jpg", imageAlt: "Minimalist desk setup tech"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sound-mixer_1359-7.jpg",
|
||||
imageAlt: "Professional audio gear",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sound-mixer_1359-7.jpg", imageAlt: "Professional audio gear"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-cart-commerce-graphic-symbol-icon_53876-124013.jpg",
|
||||
imageAlt: "Smartphone product shot",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-cart-commerce-graphic-symbol-icon_53876-124013.jpg", imageAlt: "Smartphone product shot"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-listening-music-headphones-close-up_23-2148381820.jpg",
|
||||
imageAlt: "Wireless headphones premium",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-listening-music-headphones-close-up_23-2148381820.jpg", imageAlt: "Wireless headphones premium"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722619.jpg",
|
||||
imageAlt: "Smartwatch design macro",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722619.jpg", imageAlt: "Smartwatch design macro"},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
/>
|
||||
@@ -98,41 +76,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Wireless Pro Mouse",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-desk-assortment_23-2148128277.jpg",
|
||||
},
|
||||
id: "p1", name: "Wireless Pro Mouse", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/business-desk-assortment_23-2148128277.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Mechanical Keyboard X",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/party-space-ready-online-celebration_23-2149347242.jpg",
|
||||
},
|
||||
id: "p2", name: "Mechanical Keyboard X", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/party-space-ready-online-celebration_23-2149347242.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ultra Fast Battery",
|
||||
price: "$59",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/png-power-bank-isolated-white-background_185193-165485.jpg",
|
||||
},
|
||||
id: "p3", name: "Ultra Fast Battery", price: "$59", imageSrc: "http://img.b2bpic.net/free-photo/png-power-bank-isolated-white-background_185193-165485.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Streaming Pro Webcam",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/camera-paper-sheet-near-computer_23-2147823719.jpg",
|
||||
},
|
||||
id: "p4", name: "Streaming Pro Webcam", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/camera-paper-sheet-near-computer_23-2147823719.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Precision Stylus",
|
||||
price: "$79",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-graphic-tablet_23-2148196599.jpg",
|
||||
},
|
||||
id: "p5", name: "Precision Stylus", price: "$79", imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-graphic-tablet_23-2148196599.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Multi-Port Hub",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grey-cell-phone-connected-usb-cable-type-c-charging_58702-4780.jpg",
|
||||
},
|
||||
id: "p6", name: "Multi-Port Hub", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/grey-cell-phone-connected-usb-cable-type-c-charging_58702-4780.jpg"},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Browse our latest collection of high-performance tech essentials."
|
||||
@@ -146,28 +100,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Free Shipping",
|
||||
description: "Free global shipping on all orders over $100.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Truck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-redhead-man-stretch-out-hands-with-shopping-bags-give-you-gifts-standing-pink-backgro_1258-165486.jpg",
|
||||
imageAlt: "Surprised redhead man stretch out hands with shopping bags give you gifts standing over pink backgro",
|
||||
title: "Free Shipping", description: "Free global shipping on all orders over $100.", bentoComponent: "reveal-icon", icon: Truck,
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "Our experts are available around the clock.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Headphones,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-man-showing-shopping-bags-with-products-credit-card-standing-yellow-background_1258-158641.jpg?_wi=2",
|
||||
imageAlt: "Surprised redhead man stretch out hands with shopping bags give you gifts standing over pink backgro",
|
||||
title: "24/7 Support", description: "Our experts are available around the clock.", bentoComponent: "reveal-icon", icon: Headphones,
|
||||
},
|
||||
{
|
||||
title: "Quality Assured",
|
||||
description: "24-month warranty on every product we sell.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pattern-glass-product-backdrop-with-stand_53876-125899.jpg?_wi=2",
|
||||
imageAlt: "Surprised redhead man stretch out hands with shopping bags give you gifts standing over pink backgro",
|
||||
title: "Quality Assured", description: "24-month warranty on every product we sell.", bentoComponent: "reveal-icon", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
@@ -182,40 +121,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivier",
|
||||
handle: "@alex_tech",
|
||||
testimonial: "The best shopping experience for my office gear. Fast and reliable!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-young-girl-striped-shirt-sitting-office-holding-smartphone-hand-waiting-call_197531-4881.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex Rivier", handle: "@alex_tech", testimonial: "The best shopping experience for my office gear. Fast and reliable!", imageSrc: "http://img.b2bpic.net/free-photo/lovely-young-girl-striped-shirt-sitting-office-holding-smartphone-hand-waiting-call_197531-4881.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Samantha Lee",
|
||||
handle: "@sam_design",
|
||||
testimonial: "Incredible products that truly improved my design workflow efficiency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg",
|
||||
},
|
||||
id: "t2", name: "Samantha Lee", handle: "@sam_design", testimonial: "Incredible products that truly improved my design workflow efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "John Doe",
|
||||
handle: "@john_dev",
|
||||
testimonial: "Excellent customer support and fast resolution for all my queries.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-black-suit-glasses-looking-screen-his-smartphone-smiling-standing-blue-wall_141793-50860.jpg",
|
||||
},
|
||||
id: "t3", name: "John Doe", handle: "@john_dev", testimonial: "Excellent customer support and fast resolution for all my queries.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-black-suit-glasses-looking-screen-his-smartphone-smiling-standing-blue-wall_141793-50860.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily Watson",
|
||||
handle: "@emily_creative",
|
||||
testimonial: "Top tier equipment delivered safely every single time. 10/10.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-relaxing-while-listening-music_23-2149129069.jpg",
|
||||
},
|
||||
id: "t4", name: "Emily Watson", handle: "@emily_creative", testimonial: "Top tier equipment delivered safely every single time. 10/10.", imageSrc: "http://img.b2bpic.net/free-photo/young-person-relaxing-while-listening-music_23-2149129069.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Marcus Aurelius",
|
||||
handle: "@marcus_pro",
|
||||
testimonial: "Everything I needed to build my dream workstation in one place.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",
|
||||
},
|
||||
id: "t5", name: "Marcus Aurelius", handle: "@marcus_pro", testimonial: "Everything I needed to build my dream workstation in one place.", imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg"},
|
||||
]}
|
||||
title="What Our Users Say"
|
||||
description="Hear from thousands of satisfied professionals around the globe."
|
||||
@@ -232,35 +146,15 @@ export default function LandingPage() {
|
||||
description="Meet the minds behind our tech solutions."
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Sarah Chen",
|
||||
role: "Lead Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-freelancer-listening-podcast-being-focused-online-work_482257-121502.jpg",
|
||||
},
|
||||
id: "m1", name: "Sarah Chen", role: "Lead Designer", imageSrc: "http://img.b2bpic.net/free-photo/african-american-freelancer-listening-podcast-being-focused-online-work_482257-121502.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "David Miller",
|
||||
role: "Hardware Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-taking-selfie-close-up_23-2148508991.jpg",
|
||||
},
|
||||
id: "m2", name: "David Miller", role: "Hardware Engineer", imageSrc: "http://img.b2bpic.net/free-photo/man-taking-selfie-close-up_23-2148508991.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Product Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-entrepreneur-browsing-internet-tablet-relaxing-workplace_482257-90423.jpg",
|
||||
},
|
||||
id: "m3", name: "Elena Rodriguez", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/business-entrepreneur-browsing-internet-tablet-relaxing-workplace_482257-90423.jpg"},
|
||||
{
|
||||
id: "m4",
|
||||
name: "James Wilson",
|
||||
role: "DevOps Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-man-with-beard-using-laptop-night-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-28133.jpg",
|
||||
},
|
||||
id: "m4", name: "James Wilson", role: "DevOps Specialist", imageSrc: "http://img.b2bpic.net/free-photo/hispanic-man-with-beard-using-laptop-night-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-28133.jpg"},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Sophie Martin",
|
||||
role: "Support Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-darkroom_23-2149893827.jpg",
|
||||
},
|
||||
id: "m5", name: "Sophie Martin", role: "Support Lead", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-darkroom_23-2149893827.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -272,19 +166,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "Linkedin",
|
||||
},
|
||||
href: "#", ariaLabel: "Linkedin"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user