bender/f216ca98-e22e-41fa-8508-acedf39dd0d1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-30 05:08:42 +00:00
parent baa6e5fc13
commit 439f9dc6ca
1 changed files with 64 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

278
src/app/page.tsx
View File

@@ -32,33 +32,19 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "Categories",
id: "#categories",
},
name: "Categories", id: "#categories"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Offers",
id: "#offers",
},
name: "Offers", id: "#offers"},
{
name: "Brands",
id: "#brands",
},
name: "Brands", id: "#brands"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="ElectroHub"
/>
@@ -67,45 +53,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Next Generation Electronics at Your Fingertips"
description="Discover the future of technology with ElectroHub. Immerse yourself in a world of cutting-edge smartphones, powerful laptops, immersive gaming, and smart home innovations. Experience unparalleled performance and luxury design."
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
{
text: "Explore Products",
href: "#categories",
},
text: "Explore Products", href: "#categories"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-up-smartphone-planetarium_53876-98068.jpg",
imageAlt: "Futuristic Smartphone",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-up-smartphone-planetarium_53876-98068.jpg", imageAlt: "Futuristic Smartphone"},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063070.jpg",
imageAlt: "Sleek Futuristic Laptop",
},
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063070.jpg", imageAlt: "Sleek Futuristic Laptop"},
{
imageSrc: "http://img.b2bpic.net/free-photo/gamification-3d-rendering-concept_23-2149484776.jpg",
imageAlt: "Next-Gen Gaming Console",
},
imageSrc: "http://img.b2bpic.net/free-photo/gamification-3d-rendering-concept_23-2149484776.jpg", imageAlt: "Next-Gen Gaming Console"},
{
imageSrc: "http://img.b2bpic.net/free-photo/gamer-playing-console-video-game-first-person-shooter-tv-while-girlfriend-is-eating-popcorn-giving-him-advice-sitting-sofa-couple-couch-enjoying-gaming-simulation-modern-living-room_482257-43509.jpg",
imageAlt: "Curved 8K TV",
},
imageSrc: "http://img.b2bpic.net/free-photo/gamer-playing-console-video-game-first-person-shooter-tv-while-girlfriend-is-eating-popcorn-giving-him-advice-sitting-sofa-couple-couch-enjoying-gaming-simulation-modern-living-room_482257-43509.jpg", imageAlt: "Curved 8K TV"},
{
imageSrc: "http://img.b2bpic.net/free-photo/shiny-black-headphones-reflect-golden-nightclub-lights-generated-by-ai_188544-10148.jpg",
imageAlt: "Premium Wireless Headphones",
},
imageSrc: "http://img.b2bpic.net/free-photo/shiny-black-headphones-reflect-golden-nightclub-lights-generated-by-ai_188544-10148.jpg", imageAlt: "Premium Wireless Headphones"},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hologram-smartwatch-wearable-technology_53876-108508.jpg",
imageAlt: "Advanced Smartwatch",
},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hologram-smartwatch-wearable-technology_53876-108508.jpg", imageAlt: "Advanced Smartwatch"},
]}
mediaAnimation="blur-reveal"
/>
@@ -119,39 +88,25 @@ export default function LandingPage() {
features={[
{
icon: Smartphone,
title: "Smartphones",
description: "Cutting-edge mobile devices for communication and productivity.",
},
title: "Smartphones", description: "Cutting-edge mobile devices for communication and productivity."},
{
icon: Laptop,
title: "Laptops",
description: "Powerful computing solutions for work, creativity, and gaming on the go.",
},
title: "Laptops", description: "Powerful computing solutions for work, creativity, and gaming on the go."},
{
icon: Star,
title: "Gaming",
description: "Immersive consoles, accessories, and high-performance PCs for ultimate gaming.",
},
title: "Gaming", description: "Immersive consoles, accessories, and high-performance PCs for ultimate gaming."},
{
icon: Tv,
title: "TVs",
description: "Stunning displays and smart televisions for unparalleled entertainment.",
},
title: "TVs", description: "Stunning displays and smart televisions for unparalleled entertainment."},
{
icon: Camera,
title: "Cameras",
description: "Capture life's moments with advanced photography and videography gear.",
},
title: "Cameras", description: "Capture life's moments with advanced photography and videography gear."},
{
icon: Star,
title: "Accessories",
description: "Enhance your devices with premium cases, chargers, and essential peripherals.",
},
title: "Accessories", description: "Enhance your devices with premium cases, chargers, and essential peripherals."},
{
icon: Home,
title: "Smart Home Devices",
description: "Transform your living space with intelligent and connected home technology.",
},
title: "Smart Home Devices", description: "Transform your living space with intelligent and connected home technology."},
]}
title="Featured Product Categories"
description="Dive into our curated selection of top-tier electronics across various categories. Find your next device with ease and confidence."
@@ -165,49 +120,20 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
carouselMode="buttons"
animationType="blur-reveal"
products={[
{
id: "gaming-laptop",
name: "Pro Gamer Laptop X10",
price: "$2,499",
imageSrc: "http://img.b2bpic.net/free-photo/mouse-close_1160-365.jpg",
imageAlt: "Pro Gamer Laptop X10",
},
id: "gaming-laptop", name: "Pro Gamer Laptop X10", price: "$2,499", imageSrc: "http://img.b2bpic.net/free-photo/mouse-close_1160-365.jpg", imageAlt: "Pro Gamer Laptop X10"},
{
id: "ultra-smartphone",
name: "AuraPhone 15 Pro",
price: "$1,199",
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-14-pro-from-perspective-side-dark-background_187299-35222.jpg",
imageAlt: "AuraPhone 15 Pro",
},
id: "ultra-smartphone", name: "AuraPhone 15 Pro", price: "$1,199", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-14-pro-from-perspective-side-dark-background_187299-35222.jpg", imageAlt: "AuraPhone 15 Pro"},
{
id: "mirrorless-camera",
name: "Zenith Cam Z7",
price: "$1,899",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-indoors-still-life_23-2150630675.jpg",
imageAlt: "Zenith Cam Z7",
},
id: "mirrorless-camera", name: "Zenith Cam Z7", price: "$1,899", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-indoors-still-life_23-2150630675.jpg", imageAlt: "Zenith Cam Z7"},
{
id: "vr-headset",
name: "RealitySphere Max",
price: "$899",
imageSrc: "http://img.b2bpic.net/free-photo/elderly-person-using-vr-set-game-immersion_23-2149212015.jpg",
imageAlt: "RealitySphere Max",
},
id: "vr-headset", name: "RealitySphere Max", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/elderly-person-using-vr-set-game-immersion_23-2149212015.jpg", imageAlt: "RealitySphere Max"},
{
id: "wireless-earbuds",
name: "SoundWave Buds",
price: "$199",
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13940.jpg",
imageAlt: "SoundWave Buds",
},
id: "wireless-earbuds", name: "SoundWave Buds", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13940.jpg", imageAlt: "SoundWave Buds"},
{
id: "smart-hub",
name: "Nexus Home Hub",
price: "$149",
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg",
imageAlt: "Nexus Home Hub",
},
id: "smart-hub", name: "Nexus Home Hub", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg", imageAlt: "Nexus Home Hub"},
]}
title="Our Best-Selling Electronics"
description="Experience innovation with our most popular products, chosen by tech enthusiasts for their superior performance and luxury design."
@@ -222,40 +148,19 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "flash-sale",
badge: "Flash Sale",
badgeIcon: Sparkles,
price: "Up to 30% OFF",
subtitle: "On selected items for 48 hours!",
features: [
"Hurry, stocks are limited",
"New deals daily",
"Fast shipping",
],
id: "flash-sale", badge: "Flash Sale", badgeIcon: Sparkles,
price: "Up to 30% OFF", subtitle: "On selected items for 48 hours!", features: [
"Hurry, stocks are limited", "New deals daily", "Fast shipping"],
},
{
id: "premium-bundle",
badge: "Premium Bundle",
badgeIcon: Gift,
price: "Save $200",
subtitle: "Get a laptop & smartwatch combo",
features: [
"Curated tech pairings",
"Exclusive package pricing",
"Extended warranty",
],
id: "premium-bundle", badge: "Premium Bundle", badgeIcon: Gift,
price: "Save $200", subtitle: "Get a laptop & smartwatch combo", features: [
"Curated tech pairings", "Exclusive package pricing", "Extended warranty"],
},
{
id: "student-discount",
badge: "Student Offer",
badgeIcon: Award,
price: "15% OFF",
subtitle: "Verify your student ID for instant savings",
features: [
"On all major brands",
"Valid year-round",
"Exclusive for education",
],
id: "student-discount", badge: "Student Offer", badgeIcon: Award,
price: "15% OFF", subtitle: "Verify your student ID for instant savings", features: [
"On all major brands", "Valid year-round", "Exclusive for education"],
},
]}
title="Exclusive ElectroHub Offers"
@@ -269,14 +174,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Apple",
"Samsung",
"Sony",
"LG",
"Microsoft",
"Google",
"Intel",
]}
"Apple", "Samsung", "Sony", "LG", "Microsoft", "Google", "Intel"]}
title="Partnering with Industry Leaders"
description="We collaborate with the world's most renowned electronics brands to bring you innovation and quality you can trust."
tag="Trusted Brands"
@@ -291,25 +189,15 @@ export default function LandingPage() {
author="Alex Chen, Pro Gamer"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165614.jpg",
alt: "Sarah Johnson",
},
src: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165614.jpg", alt: "Sarah Johnson"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-white-hoodie_23-2149051800.jpg",
alt: "Michael Chen",
},
src: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-white-hoodie_23-2149051800.jpg", alt: "Michael Chen"},
{
src: "http://img.b2bpic.net/free-photo/portrit-trendy-handsome-man-sunglasses-photo-studio_613910-13090.jpg",
alt: "Emily Rodriguez",
},
src: "http://img.b2bpic.net/free-photo/portrit-trendy-handsome-man-sunglasses-photo-studio_613910-13090.jpg", alt: "Emily Rodriguez"},
{
src: "http://img.b2bpic.net/free-photo/digital-art-style-portrait-adult-woman_23-2151122592.jpg",
alt: "David Kim",
},
src: "http://img.b2bpic.net/free-photo/digital-art-style-portrait-adult-woman_23-2151122592.jpg", alt: "David Kim"},
{
src: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419464.jpg",
alt: "Man portrait with blue lights visual effects",
},
src: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419464.jpg", alt: "Man portrait with blue lights visual effects"},
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
@@ -323,27 +211,16 @@ export default function LandingPage() {
description="Have questions about our cutting-edge products or need expert support? Reach out to our dedicated team, and we'll be happy to assist you with any inquiries."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "subject",
type: "text",
placeholder: "Subject",
},
name: "subject", type: "text", placeholder: "Subject"},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 5,
name: "message", placeholder: "Your Message", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/woman-expert-developer-works-with-photo-editing-software_482257-126186.jpg"
@@ -358,66 +235,39 @@ export default function LandingPage() {
logoText="ElectroHub"
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "Smartphones",
href: "#categories",
},
label: "Smartphones", href: "#categories"},
{
label: "Laptops",
href: "#categories",
},
label: "Laptops", href: "#categories"},
{
label: "Gaming",
href: "#categories",
},
label: "Gaming", href: "#categories"},
{
label: "Accessories",
href: "#categories",
},
label: "Accessories", href: "#categories"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "News",
href: "#",
},
label: "News", href: "#"},
{
label: "Partners",
href: "#brands",
},
label: "Partners", href: "#brands"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "FAQs",
href: "#",
},
label: "FAQs", href: "#"},
{
label: "Shipping",
href: "#",
},
label: "Shipping", href: "#"},
{
label: "Returns",
href: "#",
},
label: "Returns", href: "#"},
],
},
]}