Update src/app/page.tsx
This commit is contained in:
284
src/app/page.tsx
284
src/app/page.tsx
@@ -32,34 +32,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Chat on WhatsApp",
|
||||
href: "https://wa.me/",
|
||||
}}
|
||||
text: "Chat on WhatsApp", href: "https://wa.me/"}}
|
||||
brandName="iPhone Central"
|
||||
/>
|
||||
</div>
|
||||
@@ -67,86 +53,53 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
imagePosition="right"
|
||||
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."
|
||||
kpis={[
|
||||
{
|
||||
value: "100K+",
|
||||
label: "Satisfied Customers",
|
||||
},
|
||||
value: "100K+", label: "Satisfied Customers"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Genuine Products",
|
||||
},
|
||||
value: "100%", label: "Genuine Products"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "WhatsApp Support",
|
||||
},
|
||||
value: "24/7", label: "WhatsApp Support"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View in 3D & Chat on WhatsApp",
|
||||
href: "https://wa.me/",
|
||||
},
|
||||
text: "View in 3D & Chat on WhatsApp", href: "https://wa.me/"},
|
||||
]}
|
||||
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"
|
||||
avatars={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-coffee-cup_23-2148095745.jpg",
|
||||
alt: "Happy business woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-coffee-cup_23-2148095745.jpg", 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",
|
||||
alt: "Successful businesswoman smiling",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friendly-corporate-businesswoman_23-2147702112.jpg",
|
||||
alt: "Friendly corporate businesswoman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/friendly-corporate-businesswoman_23-2147702112.jpg", alt: "Friendly corporate businesswoman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2983.jpg",
|
||||
alt: "Young man funny expression",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2983.jpg", alt: "Young man funny expression"},
|
||||
]}
|
||||
avatarText="Join our growing community!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Express Shipping",
|
||||
type: "text", text: "Free Express Shipping"},
|
||||
{
|
||||
type: "text-icon", text: "Secure Payments", icon: Lock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Payments",
|
||||
icon: Lock,
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/clean-phone-16-pro-max_187299-46133.jpg", alt: "Clean Phone 16 Pro Max"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/clean-phone-16-pro-max_187299-46133.jpg",
|
||||
alt: "Clean Phone 16 Pro Max",
|
||||
},
|
||||
type: "text", text: "1-Year Apple Warranty"},
|
||||
{
|
||||
type: "text",
|
||||
text: "1-Year Apple Warranty",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Live Support",
|
||||
icon: MessageCircle,
|
||||
type: "text-icon", text: "Expert Live Support", icon: MessageCircle,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -160,54 +113,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "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-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",
|
||||
name: "iPhone 11",
|
||||
price: "From $499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2149480230.jpg",
|
||||
imageAlt: "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"},
|
||||
]}
|
||||
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."
|
||||
@@ -220,29 +138,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Unrivaled Innovation at Your Fingertips"
|
||||
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"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.8%",
|
||||
description: "Customer Satisfaction Rate",
|
||||
},
|
||||
id: "m1", value: "99.8%", description: "Customer Satisfaction Rate"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5M+",
|
||||
description: "iPhones Sold Worldwide",
|
||||
},
|
||||
id: "m2", value: "5M+", description: "iPhones Sold Worldwide"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10+",
|
||||
description: "Years of Industry Experience",
|
||||
},
|
||||
id: "m3", value: "10+", description: "Years of Industry Experience"},
|
||||
]}
|
||||
title="Our Impact, Your Trust"
|
||||
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}
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
cardTitle="What Our Customers Say"
|
||||
cardTag="Trusted Voices"
|
||||
@@ -323,25 +197,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201872.jpg"
|
||||
imageAlt="Person browsing FAQ on an iPhone"
|
||||
@@ -357,8 +219,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Reach Out"
|
||||
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."
|
||||
@@ -376,54 +237,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "All iPhones",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All iPhones", href: "#products"},
|
||||
{
|
||||
label: "iPhone 17 Pro Max",
|
||||
href: "#products",
|
||||
},
|
||||
label: "iPhone 17 Pro Max", href: "#products"},
|
||||
{
|
||||
label: "Older Models",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Older Models", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Warranty",
|
||||
href: "#",
|
||||
},
|
||||
label: "Warranty", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user