Update src/app/page.tsx

This commit is contained in:
2026-05-30 21:20:14 +00:00
parent b5f0f0dbf0
commit 398806d4e2

View File

@@ -32,34 +32,20 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "Products", name: "Products", id: "#products"},
id: "#products",
},
{ {
name: "Features", name: "Features", id: "#features"},
id: "#features",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
button={{ button={{
text: "Chat on WhatsApp", text: "Chat on WhatsApp", href: "https://wa.me/"}}
href: "https://wa.me/",
}}
brandName="iPhone Central" brandName="iPhone Central"
/> />
</div> </div>
@@ -67,86 +53,53 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroSplitKpi <HeroSplitKpi
background={{ background={{
variant: "plain", variant: "plain"}}
}}
imagePosition="right" imagePosition="right"
title="Explore Every iPhone — In Stunning 3D" title="Explore Every iPhone — In Stunning 3D"
description="From iPhone 11 to iPhone 17 Pro Max. Rotate, zoom, and compare every model before you buy. Direct contact via WhatsApp for personalized support." description="From iPhone 11 to iPhone 17 Pro Max. Rotate, zoom, and compare every model before you buy. Direct contact via WhatsApp for personalized support."
kpis={[ kpis={[
{ {
value: "100K+", value: "100K+", label: "Satisfied Customers"},
label: "Satisfied Customers",
},
{ {
value: "100%", value: "100%", label: "Genuine Products"},
label: "Genuine Products",
},
{ {
value: "24/7", value: "24/7", label: "WhatsApp Support"},
label: "WhatsApp Support",
},
]} ]}
enableKpiAnimation={true} enableKpiAnimation={true}
buttons={[ buttons={[
{ {
text: "View in 3D & Chat on WhatsApp", text: "View in 3D & Chat on WhatsApp", href: "https://wa.me/"},
href: "https://wa.me/",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/smartphone-mockup-with-white-screen-white-background_187299-46904.jpg" imageSrc="http://img.b2bpic.net/free-photo/smartphone-mockup-with-white-screen-white-background_187299-46904.jpg"
imageAlt="Interactive 3D model of an iPhone" imageAlt="Interactive 3D model of an an iPhone"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", alt: "Attractive blond business woman"},
alt: "Attractive blond business woman",
},
{ {
src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-coffee-cup_23-2148095745.jpg", src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-coffee-cup_23-2148095745.jpg", alt: "Happy business woman"},
alt: "Happy business woman",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-3354.jpg", src: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-3354.jpg", alt: "Successful businesswoman smiling"},
alt: "Successful businesswoman smiling",
},
{ {
src: "http://img.b2bpic.net/free-photo/friendly-corporate-businesswoman_23-2147702112.jpg", src: "http://img.b2bpic.net/free-photo/friendly-corporate-businesswoman_23-2147702112.jpg", alt: "Friendly corporate businesswoman"},
alt: "Friendly corporate businesswoman",
},
{ {
src: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2983.jpg", src: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2983.jpg", alt: "Young man funny expression"},
alt: "Young man funny expression",
},
]} ]}
avatarText="Join our growing community!" avatarText="Join our growing community!"
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "Free Express Shipping"},
text: "Free Express Shipping", {
type: "text-icon", text: "Secure Payments", icon: Lock,
}, },
{ {
type: "text-icon", type: "image", src: "http://img.b2bpic.net/free-photo/clean-phone-16-pro-max_187299-46133.jpg", alt: "Clean Phone 16 Pro Max"},
text: "Secure Payments",
icon: Lock,
},
{ {
type: "image", type: "text", text: "1-Year Apple Warranty"},
src: "http://img.b2bpic.net/free-photo/clean-phone-16-pro-max_187299-46133.jpg",
alt: "Clean Phone 16 Pro Max",
},
{ {
type: "text", type: "image", src: "http://img.b2bpic.net/free-photo/smartphones-balancing-geometric-shapes-modern-technology-concept_187299-46721.jpg", alt: "Smartphones Balancing on Geometric Shapes - Modern Technology Concept"},
text: "1-Year Apple Warranty",
},
{ {
type: "image", type: "text-icon", text: "Expert Live Support", icon: MessageCircle,
src: "http://img.b2bpic.net/free-photo/smartphones-balancing-geometric-shapes-modern-technology-concept_187299-46721.jpg",
alt: "Smartphones Balancing on Geometric Shapes - Modern Technology Concept",
},
{
type: "text-icon",
text: "Expert Live Support",
icon: MessageCircle,
}, },
]} ]}
/> />
@@ -160,54 +113,19 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "iphone-17-pro-max", id: "iphone-17-pro-max", name: "iPhone 17 Pro Max", price: "From $1199", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4947.jpg", imageAlt: "iPhone 17 Pro Max"},
name: "iPhone 17 Pro Max",
price: "From $1199",
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4947.jpg",
imageAlt: "iPhone 17 Pro Max",
},
{ {
id: "iphone-16-pro", id: "iphone-16-pro", name: "iPhone 16 Pro", price: "From $1099", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-from-side-view-dark-background_187299-35320.jpg", imageAlt: "iPhone 16 Pro"},
name: "iPhone 16 Pro",
price: "From $1099",
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-from-side-view-dark-background_187299-35320.jpg",
imageAlt: "iPhone 16 Pro",
},
{ {
id: "iphone-15-pro", id: "iphone-15-pro", name: "iPhone 15 Pro", price: "From $999", imageSrc: "http://img.b2bpic.net/free-photo/phone-mobile-connect-battery-power-bank_93675-128465.jpg", imageAlt: "iPhone 15 Pro"},
name: "iPhone 15 Pro",
price: "From $999",
imageSrc: "http://img.b2bpic.net/free-photo/phone-mobile-connect-battery-power-bank_93675-128465.jpg",
imageAlt: "iPhone 15 Pro",
},
{ {
id: "iphone-14", id: "iphone-14", name: "iPhone 14", price: "From $799", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-4777.jpg", imageAlt: "iPhone 14"},
name: "iPhone 14",
price: "From $799",
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-4777.jpg",
imageAlt: "iPhone 14",
},
{ {
id: "iphone-13", id: "iphone-13", name: "iPhone 13", price: "From $699", imageSrc: "http://img.b2bpic.net/free-photo/top-view-stack-blue-conserves_23-2148785250.jpg", imageAlt: "iPhone 13"},
name: "iPhone 13",
price: "From $699",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-stack-blue-conserves_23-2148785250.jpg",
imageAlt: "iPhone 13",
},
{ {
id: "iphone-12", id: "iphone-12", name: "iPhone 12", price: "From $599", imageSrc: "http://img.b2bpic.net/free-photo/submerged-smartphone_23-2148109743.jpg", imageAlt: "iPhone 12"},
name: "iPhone 12",
price: "From $599",
imageSrc: "http://img.b2bpic.net/free-photo/submerged-smartphone_23-2148109743.jpg",
imageAlt: "iPhone 12",
},
{ {
id: "iphone-11", id: "iphone-11", name: "iPhone 11", price: "From $499", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2149480230.jpg", imageAlt: "iPhone 11"},
name: "iPhone 11",
price: "From $499",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2149480230.jpg",
imageAlt: "iPhone 11",
},
]} ]}
title="Discover the Latest iPhones" title="Discover the Latest iPhones"
description="Compare models from iPhone 11 to 17 Pro Max with interactive 3D views and detailed specifications to find your perfect match." description="Compare models from iPhone 11 to 17 Pro Max with interactive 3D views and detailed specifications to find your perfect match."
@@ -220,29 +138,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Pro-Grade Camera Systems", title: "Pro-Grade Camera Systems", description: "Capture stunning photos and cinematic videos with advanced computational photography, from wide landscapes to macro details.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-smartphone_23-2149005019.jpg", imageAlt: "iPhone camera system"},
description: "Capture stunning photos and cinematic videos with advanced computational photography, from wide landscapes to macro details.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-smartphone_23-2149005019.jpg",
imageAlt: "iPhone camera system",
},
{ {
title: "Vibrant Retina Displays", title: "Vibrant Retina Displays", description: "Experience breathtaking clarity, true-to-life colors, and incredible brightness on every Super Retina XDR or Liquid Retina display.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-abstract-wallpaper-coming-out-screen_23-2151033668.jpg", imageAlt: "iPhone vibrant display"},
description: "Experience breathtaking clarity, true-to-life colors, and incredible brightness on every Super Retina XDR or Liquid Retina display.",
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-abstract-wallpaper-coming-out-screen_23-2151033668.jpg",
imageAlt: "iPhone vibrant display",
},
{ {
title: "Blazing-Fast Performance", title: "Blazing-Fast Performance", description: "Powered by the latest A-series Bionic chips, iPhones deliver unparalleled speed and efficiency for gaming, productivity, and multitasking.", imageSrc: "http://img.b2bpic.net/free-photo/finger-touching-mobile-screen_1134-245.jpg", imageAlt: "iPhone chip performance"},
description: "Powered by the latest A-series Bionic chips, iPhones deliver unparalleled speed and efficiency for gaming, productivity, and multitasking.",
imageSrc: "http://img.b2bpic.net/free-photo/finger-touching-mobile-screen_1134-245.jpg",
imageAlt: "iPhone chip performance",
},
{ {
title: "Exceptional Durability", title: "Exceptional Durability", description: "Built with Ceramic Shield and industry-leading water resistance, iPhones are designed to withstand the rigors of everyday life.", imageSrc: "http://img.b2bpic.net/free-photo/password-lock-phone-screen_1387-186.jpg", imageAlt: "iPhone durability"},
description: "Built with Ceramic Shield and industry-leading water resistance, iPhones are designed to withstand the rigors of everyday life.",
imageSrc: "http://img.b2bpic.net/free-photo/password-lock-phone-screen_1387-186.jpg",
imageAlt: "iPhone durability",
},
]} ]}
title="Unrivaled Innovation at Your Fingertips" title="Unrivaled Innovation at Your Fingertips"
description="Explore the groundbreaking features that make every iPhone a masterpiece, designed for seamless performance and user experience." description="Explore the groundbreaking features that make every iPhone a masterpiece, designed for seamless performance and user experience."
@@ -254,22 +156,14 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={true} useInvertedBackground={true}
animationType="slide-up"
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "99.8%", description: "Customer Satisfaction Rate"},
value: "99.8%",
description: "Customer Satisfaction Rate",
},
{ {
id: "m2", id: "m2", value: "5M+", description: "iPhones Sold Worldwide"},
value: "5M+",
description: "iPhones Sold Worldwide",
},
{ {
id: "m3", id: "m3", value: "10+", description: "Years of Industry Experience"},
value: "10+",
description: "Years of Industry Experience",
},
]} ]}
title="Our Impact, Your Trust" title="Our Impact, Your Trust"
description="Reliability and customer satisfaction drive our commitment to excellence in every iPhone we deliver." description="Reliability and customer satisfaction drive our commitment to excellence in every iPhone we deliver."
@@ -281,35 +175,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195343.jpg", imageAlt: "tech savvy woman portrait confident"},
name: "Sarah Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195343.jpg",
imageAlt: "tech savvy woman portrait confident",
},
{ {
id: "2", id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-pointing-laptop-display_23-2147787584.jpg", imageAlt: "male reseller professional headshot"},
name: "Michael Chen",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-pointing-laptop-display_23-2147787584.jpg",
imageAlt: "male reseller professional headshot",
},
{ {
id: "3", id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiled-young-man-with-xmas-gift-standing-yellow_179666-10956.jpg", imageAlt: "young adult excited iPhone gift"},
name: "Emily Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiled-young-man-with-xmas-gift-standing-yellow_179666-10956.jpg",
imageAlt: "young adult excited iPhone gift",
},
{ {
id: "4", id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119792.jpg", imageAlt: "business professional focused tech"},
name: "David Kim",
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119792.jpg",
imageAlt: "business professional focused tech",
},
{ {
id: "5", id: "5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-smartphone-having-video-call-showing-scissors-front-smiling-standing-orange-wall_141793-96894.jpg", imageAlt: "creative designer portrait thoughtful"},
name: "Jessica Lee",
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-smartphone-having-video-call-showing-scissors-front-smiling-standing-orange-wall_141793-96894.jpg",
imageAlt: "creative designer portrait thoughtful",
},
]} ]}
cardTitle="What Our Customers Say" cardTitle="What Our Customers Say"
cardTag="Trusted Voices" cardTag="Trusted Voices"
@@ -323,25 +197,13 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "How do 3D product visualizations work?", content: "Our interactive 3D models allow you to rotate, zoom, and explore every angle of the iPhone models, providing a near hands-on experience directly from your browser."},
title: "How do 3D product visualizations work?",
content: "Our interactive 3D models allow you to rotate, zoom, and explore every angle of the iPhone models, providing a near hands-on experience directly from your browser.",
},
{ {
id: "q2", id: "q2", title: "What's the process for purchasing an iPhone?", content: "Instead of a traditional checkout, we facilitate sales directly through WhatsApp. Simply click the 'Chat on WhatsApp' button, and our team will guide you through the process, personalized to your needs."},
title: "What's the process for purchasing an iPhone?",
content: "Instead of a traditional checkout, we facilitate sales directly through WhatsApp. Simply click the 'Chat on WhatsApp' button, and our team will guide you through the process, personalized to your needs.",
},
{ {
id: "q3", id: "q3", title: "Are the iPhones new and genuine?", content: "Absolutely. We guarantee that all iPhones sold on our platform are brand new, genuine, and come with the standard manufacturer's warranty."},
title: "Are the iPhones new and genuine?",
content: "Absolutely. We guarantee that all iPhones sold on our platform are brand new, genuine, and come with the standard manufacturer's warranty.",
},
{ {
id: "q4", id: "q4", title: "How can I compare specifications across models?", content: "Our product pages include detailed specification tables for each model, making it easy to compare features like camera, processor, and display across different iPhone generations."},
title: "How can I compare specifications across models?",
content: "Our product pages include detailed specification tables for each model, making it easy to compare features like camera, processor, and display across different iPhone generations.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201872.jpg" imageSrc="http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201872.jpg"
imageAlt="Person browsing FAQ on an iPhone" imageAlt="Person browsing FAQ on an iPhone"
@@ -357,8 +219,7 @@ export default function LandingPage() {
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Reach Out" tag="Reach Out"
title="Connect Instantly via WhatsApp" title="Connect Instantly via WhatsApp"
description="Have questions or need personalized assistance? Our team is ready to chat and provide tailored support for your iPhone inquiry." description="Have questions or need personalized assistance? Our team is ready to chat and provide tailored support for your iPhone inquiry."
@@ -376,54 +237,33 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Careers", label: "Careers", href: "#"},
href: "#",
},
{ {
label: "Blog", label: "Blog", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Products", title: "Products", items: [
items: [
{ {
label: "All iPhones", label: "All iPhones", href: "#products"},
href: "#products",
},
{ {
label: "iPhone 17 Pro Max", label: "iPhone 17 Pro Max", href: "#products"},
href: "#products",
},
{ {
label: "Older Models", label: "Older Models", href: "#products"},
href: "#products",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ {
label: "FAQ", label: "FAQ", href: "#faq"},
href: "#faq",
},
{ {
label: "Contact Us", label: "Contact Us", href: "#contact"},
href: "#contact",
},
{ {
label: "Warranty", label: "Warranty", href: "#"},
href: "#",
},
], ],
}, },
]} ]}