bender/3e7ef25c-0d5d-449d-9c9c-cfab65a4ee46
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-04-06 11:31:47 +00:00
parent d8b1d5ddba
commit 264ca6ebe1
1 changed files with 55 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

245
src/app/page.tsx
View File

@@ -30,21 +30,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Categories",
id: "categories",
},
name: "Categories", id: "categories"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="ElectroHub"
/>
@@ -56,78 +48,39 @@ export default function LandingPage() {
description="Premium gadgets at the best prices. Experience cutting-edge technology today."
testimonials={[
{
name: "Alex J.",
handle: "@techlover",
testimonial: "Amazing quality and super fast delivery. Highly recommended!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139308.jpg?_wi=1",
imageAlt: "neon blue tech background",
},
name: "Alex J.", handle: "@techlover", testimonial: "Amazing quality and super fast delivery. Highly recommended!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139308.jpg", imageAlt: "neon blue tech background"},
{
name: "Sarah M.",
handle: "@audiophile",
testimonial: "The headphones I bought are the best I've ever used. Great sound!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-from-perspective-side-dark-background_187299-35318.jpg?_wi=1",
imageAlt: "smartphone minimal black",
},
name: "Sarah M.", handle: "@audiophile", testimonial: "The headphones I bought are the best I've ever used. Great sound!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-from-perspective-side-dark-background_187299-35318.jpg", imageAlt: "smartphone minimal black"},
{
name: "Mark D.",
handle: "@gadgetguy",
testimonial: "Top-notch service and excellent prices. Will buy again.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-earphones-white-table_140725-7673.jpg?_wi=1",
imageAlt: "wireless headphones studio",
},
name: "Mark D.", handle: "@gadgetguy", testimonial: "Top-notch service and excellent prices. Will buy again.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-earphones-white-table_140725-7673.jpg", imageAlt: "wireless headphones studio"},
{
name: "Emma R.",
handle: "@techsavvy",
testimonial: "Very professional shop. My new phone is perfect.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-displayed-round-podium-with-soft-shadows_23-2150808019.jpg?_wi=1",
imageAlt: "earbuds charging case",
},
name: "Emma R.", handle: "@techsavvy", testimonial: "Very professional shop. My new phone is perfect.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-displayed-round-podium-with-soft-shadows_23-2150808019.jpg", imageAlt: "earbuds charging case"},
{
name: "Jason K.",
handle: "@soundman",
testimonial: "Exceptional boombox! The bass is incredible. Thank you.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4139.jpg?_wi=1",
imageAlt: "portable radio technology",
},
name: "Jason K.", handle: "@soundman", testimonial: "Exceptional boombox! The bass is incredible. Thank you.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4139.jpg", imageAlt: "portable radio technology"},
]}
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
{
text: "Contact on WhatsApp",
href: "https://wa.me/1234567890",
},
text: "Contact on WhatsApp", href: "https://wa.me/1234567890"},
]}
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139308.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139308.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-from-perspective-side-dark-background_187299-35318.jpg",
alt: "User 1",
},
src: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-from-perspective-side-dark-background_187299-35318.jpg", alt: "User 1"},
{
src: "http://img.b2bpic.net/free-photo/black-earphones-white-table_140725-7673.jpg",
alt: "User 2",
},
src: "http://img.b2bpic.net/free-photo/black-earphones-white-table_140725-7673.jpg", alt: "User 2"},
{
src: "http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-displayed-round-podium-with-soft-shadows_23-2150808019.jpg",
alt: "User 3",
},
src: "http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-displayed-round-podium-with-soft-shadows_23-2150808019.jpg", alt: "User 3"},
{
src: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4139.jpg",
alt: "User 4",
},
src: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4139.jpg", alt: "User 4"},
{
src: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170102.jpg",
alt: "User 5",
},
src: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170102.jpg", alt: "User 5"},
]}
avatarText="Join 10,000+ happy tech enthusiasts"
/>
@@ -140,70 +93,40 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Phones",
description: "Latest smartphones.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-from-perspective-side-dark-background_187299-35318.jpg?_wi=2",
},
title: "Phones", description: "Latest smartphones.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170102.jpg", imageAlt: "boombox speaker design"},
items: [],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170102.jpg?_wi=1",
imageAlt: "boombox speaker design",
},
{
title: "Headphones",
description: "Immersive sound.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/black-earphones-white-table_140725-7673.jpg?_wi=2",
},
title: "Headphones", description: "Immersive sound.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074262.jpg", imageAlt: "earphones studio sound"},
items: [],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074262.jpg?_wi=1",
imageAlt: "earphones studio sound",
},
{
title: "Earbuds",
description: "Compact audio.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-displayed-round-podium-with-soft-shadows_23-2150808019.jpg?_wi=2",
},
title: "Earbuds", description: "Compact audio.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139308.jpg", imageAlt: "neon blue tech background"},
items: [],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139308.jpg?_wi=3",
imageAlt: "neon blue tech background",
},
{
title: "Radios",
description: "Classic & modern.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4139.jpg?_wi=2",
},
title: "Radios", description: "Classic & modern.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-from-perspective-side-dark-background_187299-35318.jpg", imageAlt: "smartphone minimal black"},
items: [],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-from-perspective-side-dark-background_187299-35318.jpg?_wi=3",
imageAlt: "smartphone minimal black",
},
{
title: "Boom Boxes",
description: "Powerful sound.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170102.jpg?_wi=2",
},
title: "Boom Boxes", description: "Powerful sound.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/black-earphones-white-table_140725-7673.jpg", imageAlt: "wireless headphones studio"},
items: [],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/black-earphones-white-table_140725-7673.jpg?_wi=3",
imageAlt: "wireless headphones studio",
},
{
title: "Earphones",
description: "Crystal clear audio.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074262.jpg?_wi=2",
},
title: "Earphones", description: "Crystal clear audio.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-displayed-round-podium-with-soft-shadows_23-2150808019.jpg", imageAlt: "earbuds charging case"},
items: [],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-displayed-round-podium-with-soft-shadows_23-2150808019.jpg?_wi=3",
imageAlt: "earbuds charging case",
},
]}
title="Shop by Categories"
@@ -219,41 +142,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "TechPro Phone",
price: "$799",
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-from-perspective-side-dark-background_187299-35318.jpg?_wi=4",
},
id: "1", name: "TechPro Phone", price: "$799", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-from-perspective-side-dark-background_187299-35318.jpg"},
{
id: "2",
name: "Pro Headphones",
price: "$199",
imageSrc: "http://img.b2bpic.net/free-photo/black-earphones-white-table_140725-7673.jpg?_wi=4",
},
id: "2", name: "Pro Headphones", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/black-earphones-white-table_140725-7673.jpg"},
{
id: "3",
name: "Mini Earbuds",
price: "$89",
imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-displayed-round-podium-with-soft-shadows_23-2150808019.jpg?_wi=4",
},
id: "3", name: "Mini Earbuds", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-displayed-round-podium-with-soft-shadows_23-2150808019.jpg"},
{
id: "4",
name: "Retro Radio",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4139.jpg?_wi=3",
},
id: "4", name: "Retro Radio", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4139.jpg"},
{
id: "5",
name: "Party Boombox",
price: "$129",
imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170102.jpg?_wi=3",
},
id: "5", name: "Party Boombox", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170102.jpg"},
{
id: "6",
name: "Elite Earphones",
price: "$59",
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074262.jpg?_wi=3",
},
id: "6", name: "Elite Earphones", price: "$59", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074262.jpg"},
]}
title="Featured Products"
description="Check out our best-selling items."
@@ -267,48 +166,27 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "offer-1",
name: "Summer Deal",
price: "$149",
features: [
"Wireless Headphones",
"Free Case",
"1 Year Warranty",
],
id: "offer-1", name: "Summer Deal", price: "$149", features: [
"Wireless Headphones", "Free Case", "1 Year Warranty"],
buttons: [
{
text: "Get Deal",
},
text: "Get Deal"},
],
},
{
id: "offer-2",
name: "Audio Bundle",
price: "$99",
features: [
"Earbuds",
"Free Charging Cable",
"6 Month Support",
],
id: "offer-2", name: "Audio Bundle", price: "$99", features: [
"Earbuds", "Free Charging Cable", "6 Month Support"],
buttons: [
{
text: "Get Deal",
},
text: "Get Deal"},
],
},
{
id: "offer-3",
name: "Phone Promo",
price: "$699",
features: [
"TechPro Phone",
"Screen Protector",
"Priority Shipping",
],
id: "offer-3", name: "Phone Promo", price: "$699", features: [
"TechPro Phone", "Screen Protector", "Priority Shipping"],
buttons: [
{
text: "Get Deal",
},
text: "Get Deal"},
],
},
]}
@@ -323,25 +201,13 @@ export default function LandingPage() {
title="Why Choose Us"
metrics={[
{
id: "m1",
value: "100%",
description: "Authentic Products",
},
id: "m1", value: "100%", description: "Authentic Products"},
{
id: "m2",
value: "24/7",
description: "Fast Support",
},
id: "m2", value: "24/7", description: "Fast Support"},
{
id: "m3",
value: "1000+",
description: "Happy Customers",
},
id: "m3", value: "1000+", description: "Happy Customers"},
{
id: "m4",
value: "2yr",
description: "Best Warranty",
},
id: "m4", value: "2yr", description: "Best Warranty"},
]}
metricsAnimation="slide-up"
tag="Our Commitment"
@@ -352,11 +218,10 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Get in Touch"
description="Located in the heart of the city. Order via WhatsApp instantly."
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139308.jpg?_wi=4"
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139308.jpg"
mediaAnimation="slide-up"
buttonText="Send Message"
tag="Contact Us"