2 Commits

View File

@@ -50,10 +50,12 @@ export default function LandingPage() {
background={{ variant: "plain" }} background={{ variant: "plain" }}
mediaItems={[ mediaItems={[
{ {
imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg", imageAlt: "Latest iPhone Hero Display" imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg",
imageAlt: "Latest iPhone Hero Display"
}, },
{ {
imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-banner-design-template_47987-33087.jpg", imageAlt: "iPhone Premium Design Side View" imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-banner-design-template_47987-33087.jpg",
imageAlt: "iPhone Premium Design Side View"
} }
]} ]}
rating={5} rating={5}
@@ -65,24 +67,84 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="products" data-section="products"> <div id="product" data-section="product">
<ProductCardOne <ProductCardOne
title="Our iPhone Collection" title="Bestsellers"
description="Discover our premium selection of iPhones, each engineered to perfection with the latest technology and design innovations." description="Explore our most popular iPhone models, loved by millions for their performance and reliability."
tag="Latest Models" tag="Top Picks"
tagIcon={Zap} tagIcon={Zap}
products={[ products={[
{ {
id: "1", name: "iPhone 15 Pro Max", price: "$1,199", imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-banner-design-template_47987-32600.jpg", imageAlt: "iPhone 15 Pro Max" id: "1",
name: "iPhone 15 Pro Max",
price: "$1,199",
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
imageAlt: "iPhone 15 Pro Max"
}, },
{ {
id: "2", name: "iPhone 15 Pro", price: "$999", imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-banner-design-template_47987-32600.jpg", imageAlt: "iPhone 15 Pro" id: "2",
name: "iPhone 15 Pro",
price: "$999",
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
imageAlt: "iPhone 15 Pro"
}, },
{ {
id: "3", name: "iPhone 15", price: "$799", imageSrc: "https://img.b2bpic.net/free-psd/smartphone-16-pro-discount-sale-banner-social-media-design-template_47987-25305.jpg", imageAlt: "iPhone 15" id: "3",
name: "iPhone 15",
price: "$799",
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
imageAlt: "iPhone 15"
}, },
{ {
id: "4", name: "iPhone SE", price: "$429", imageSrc: "https://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg", imageAlt: "iPhone SE Affordable Premium" id: "4",
name: "iPhone SE",
price: "$429",
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
imageAlt: "iPhone SE"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="invertDefault"
carouselMode="buttons"
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
title="Explore Our Devices"
description="Experience the future with our cutting-edge devices, designed to enhance your digital lifestyle."
tag="New Arrivals"
tagIcon={Zap}
products={[
{
id: "1",
name: "Galaxy S23 Ultra",
price: "$1,099",
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
imageAlt: "Galaxy S23 Ultra"
},
{
id: "2",
name: "Pixel 7 Pro",
price: "$899",
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
imageAlt: "Pixel 7 Pro"
},
{
id: "3",
name: "OnePlus 11",
price: "$749",
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
imageAlt: "OnePlus 11"
},
{
id: "4",
name: "Moto G Power",
price: "$299",
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
imageAlt: "Moto G Power"
} }
]} ]}
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
@@ -101,16 +163,36 @@ export default function LandingPage() {
tagIcon={Lightbulb} tagIcon={Lightbulb}
features={[ features={[
{ {
id: "1", title: "Advanced Camera System", description: "Capture stunning photos and videos with our pro-grade camera system featuring advanced computational photography and 8K video recording.", tag: "Pro Camera", imageSrc: "https://img.b2bpic.net/free-photo/woman-taking-photo-two-croissants_23-2149277917.jpg", imageAlt: "Advanced Camera System" id: "1",
title: "Advanced Camera System",
description: "Capture stunning photos and videos with our pro-grade camera system featuring advanced computational photography and 8K video recording.",
tag: "Pro Camera",
imageSrc: "https://img.b2bpic.net/free-photo/woman-taking-photo-two-croissants_23-2149277917.jpg",
imageAlt: "Advanced Camera System"
}, },
{ {
id: "2", title: "All-Day Battery Life", description: "Experience extended battery performance with intelligent power management that keeps you going from morning to night.", tag: "Battery Tech", imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-using-smartphone-with-pop-socket-outdoors_23-2150168486.jpg", imageAlt: "Extended Battery Life" id: "2",
title: "All-Day Battery Life",
description: "Experience extended battery performance with intelligent power management that keeps you going from morning to night.",
tag: "Battery Tech",
imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-using-smartphone-with-pop-socket-outdoors_23-2150168486.jpg",
imageAlt: "Extended Battery Life"
}, },
{ {
id: "3", title: "Super Retina Display", description: "View your world in stunning clarity with our Super Retina XDR display featuring exceptional brightness and color accuracy.", tag: "Display", imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-taking-coffee-photos_23-2149294500.jpg", imageAlt: "Super Retina Display Technology" id: "3",
title: "Super Retina Display",
description: "View your world in stunning clarity with our Super Retina XDR display featuring exceptional brightness and color accuracy.",
tag: "Display",
imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-taking-coffee-photos_23-2149294500.jpg",
imageAlt: "Super Retina Display Technology"
}, },
{ {
id: "4", title: "Lightning-Fast Performance", description: "Experience blazing-fast processing speeds with the latest A-series chip, engineered for seamless multitasking and gaming.", tag: "Performance", imageSrc: "https://img.b2bpic.net/free-photo/senior-woman-traveling-areound-world_23-2149172097.jpg", imageAlt: "High Performance Processing" id: "4",
title: "Lightning-Fast Performance",
description: "Experience blazing-fast processing speeds with the latest A-series chip, engineered for seamless multitasking and gaming.",
tag: "Performance",
imageSrc: "https://img.b2bpic.net/free-photo/senior-woman-traveling-areound-world_23-2149172097.jpg",
imageAlt: "High Performance Processing"
} }
]} ]}
animationType="slide-up" animationType="slide-up"
@@ -125,16 +207,24 @@ export default function LandingPage() {
tag="By The Numbers" tag="By The Numbers"
metrics={[ metrics={[
{ {
id: "1", value: "2B+", description: "Active iPhone users globally enjoying seamless connectivity and innovation." id: "1",
value: "2B+",
description: "Active iPhone users globally enjoying seamless connectivity and innovation."
}, },
{ {
id: "2", value: "98%", description: "Customer satisfaction rate reflecting our commitment to quality and service excellence." id: "2",
value: "98%",
description: "Customer satisfaction rate reflecting our commitment to quality and service excellence."
}, },
{ {
id: "3", value: "15+", description: "Years of iPhone innovation driving the mobile industry forward with breakthrough technology." id: "3",
value: "15+",
description: "Years of iPhone innovation driving the mobile industry forward with breakthrough technology."
}, },
{ {
id: "4", value: "50+", description: "Countries where our premium iPhones are available for immediate delivery and support." id: "4",
value: "50+",
description: "Countries where our premium iPhones are available for immediate delivery and support."
} }
]} ]}
useInvertedBackground="invertDefault" useInvertedBackground="invertDefault"
@@ -149,31 +239,67 @@ export default function LandingPage() {
tagIcon={DollarSign} tagIcon={DollarSign}
plans={[ plans={[
{ {
id: "se", badge: "Value", badgeIcon: Smartphone, id: "se",
price: "$429", subtitle: "Perfect for essential users", buttons: [{ text: "Buy iPhone SE", href: "#" }], badge: "Value",
badgeIcon: Smartphone,
price: "$429",
subtitle: "Perfect for essential users",
buttons: [{ text: "Buy iPhone SE", href: "#" }],
features: [ features: [
"5.4-inch Liquid Retina display", "A15 Bionic chip", "Single camera system", "All-day battery life", "Fast charging support", "Premium aluminum design" "5.4-inch Liquid Retina display",
"A15 Bionic chip",
"Single camera system",
"All-day battery life",
"Fast charging support",
"Premium aluminum design"
] ]
}, },
{ {
id: "15", badge: "Popular", badgeIcon: Sparkles, id: "15",
price: "$799", subtitle: "Best overall choice", buttons: [{ text: "Buy iPhone 15", href: "#" }], badge: "Popular",
badgeIcon: Sparkles,
price: "$799",
subtitle: "Best overall choice",
buttons: [{ text: "Buy iPhone 15", href: "#" }],
features: [ features: [
"6.1-inch Super Retina display", "A17 Pro chip", "Dual camera system", "Extended battery life", "ProMotion technology", "Enhanced durability" "6.1-inch Super Retina display",
"A17 Pro chip",
"Dual camera system",
"Extended battery life",
"ProMotion technology",
"Enhanced durability"
] ]
}, },
{ {
id: "15pro", badge: "Professional", badgeIcon: Crown, id: "15pro",
price: "$999", subtitle: "For power users", buttons: [{ text: "Buy iPhone 15 Pro", href: "#" }], badge: "Professional",
badgeIcon: Crown,
price: "$999",
subtitle: "For power users",
buttons: [{ text: "Buy iPhone 15 Pro", href: "#" }],
features: [ features: [
"6.1-inch Super Retina XDR display", "A17 Pro chip", "Pro camera system with telephoto", "8K video recording", "Advanced computational photography", "Premium titanium design" "6.1-inch Super Retina XDR display",
"A17 Pro chip",
"Pro camera system with telephoto",
"8K video recording",
"Advanced computational photography",
"Premium titanium design"
] ]
}, },
{ {
id: "15promax", badge: "Ultimate", badgeIcon: Zap, id: "15promax",
price: "$1,199", subtitle: "Maximum capability", buttons: [{ text: "Buy iPhone 15 Pro Max", href: "#" }], badge: "Ultimate",
badgeIcon: Zap,
price: "$1,199",
subtitle: "Maximum capability",
buttons: [{ text: "Buy iPhone 15 Pro Max", href: "#" }],
features: [ features: [
"6.7-inch Super Retina XDR display", "A17 Pro chip", "Pro Max camera system", "Advanced thermal design", "Maximum battery capacity", "Premium titanium construction" "6.7-inch Super Retina XDR display",
"A17 Pro chip",
"Pro Max camera system",
"Advanced thermal design",
"Maximum battery capacity",
"Premium titanium construction"
] ]
} }
]} ]}
@@ -192,16 +318,31 @@ export default function LandingPage() {
tagIcon={Star} tagIcon={Star}
testimonials={[ testimonials={[
{ {
id: "1", name: "Sarah Martinez", role: "Photographer", company: "Creative Studios", rating: 5, id: "1",
imageSrc: "https://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg", imageAlt: "Sarah Martinez" name: "Sarah Martinez",
role: "Photographer",
company: "Creative Studios",
rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",
imageAlt: "Sarah Martinez"
}, },
{ {
id: "2", name: "James Chen", role: "Business Owner", company: "Tech Innovations", rating: 5, id: "2",
imageSrc: "https://img.b2bpic.net/free-photo/young-smiling-woman-cafe-drinking-coffee-date-looking-camera_197531-22708.jpg", imageAlt: "James Chen" name: "James Chen",
role: "Business Owner",
company: "Tech Innovations",
rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/young-smiling-woman-cafe-drinking-coffee-date-looking-camera_197531-22708.jpg",
imageAlt: "James Chen"
}, },
{ {
id: "3", name: "Emma Thompson", role: "Designer", company: "Design Agency", rating: 5, id: "3",
imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-professional-businesswoman-looking-upper-left-corner-with-hopeful-face-expression-standing-white_176420-41313.jpg", imageAlt: "Emma Thompson" name: "Emma Thompson",
role: "Designer",
company: "Design Agency",
rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-professional-businesswoman-looking-upper-left-corner-with-hopeful-face-expression-standing-white_176420-41313.jpg",
imageAlt: "Emma Thompson"
} }
]} ]}
kpiItems={[ kpiItems={[
@@ -233,40 +374,13 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="product" data-section="product">
<ProductCardOne
title="Bestsellers"
description="Explore our most popular iPhone models, loved by millions for their performance and reliability."
tag="Top Picks"
tagIcon={Zap}
products={[
{
id: "1", name: "iPhone 15 Pro Max", price: "$1,199", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "iPhone 15 Pro Max"
},
{
id: "2", name: "iPhone 15 Pro", price: "$999", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "iPhone 15 Pro"
},
{
id: "3", name: "iPhone 15", price: "$799", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "iPhone 15"
},
{
id: "4", name: "iPhone SE", price: "$429", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "iPhone SE"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="invertDefault"
carouselMode="buttons"
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterBaseCard
logoText="iPhone Store" logoText="iPhone Store"
columns={[ columns={[
{ {
title: "Shop", items: [ title: "Shop",
items: [
{ label: "iPhone 15 Pro", href: "#products" }, { label: "iPhone 15 Pro", href: "#products" },
{ label: "iPhone 15", href: "#products" }, { label: "iPhone 15", href: "#products" },
{ label: "iPhone SE", href: "#products" }, { label: "iPhone SE", href: "#products" },
@@ -274,7 +388,8 @@ export default function LandingPage() {
] ]
}, },
{ {
title: "Support", items: [ title: "Support",
items: [
{ label: "Help Center", href: "#" }, { label: "Help Center", href: "#" },
{ label: "Contact Us", href: "#" }, { label: "Contact Us", href: "#" },
{ label: "Warranty Info", href: "#" }, { label: "Warranty Info", href: "#" },
@@ -282,7 +397,8 @@ export default function LandingPage() {
] ]
}, },
{ {
title: "Company", items: [ title: "Company",
items: [
{ label: "About Us", href: "#" }, { label: "About Us", href: "#" },
{ label: "Blog", href: "#" }, { label: "Blog", href: "#" },
{ label: "Careers", href: "#" }, { label: "Careers", href: "#" },
@@ -290,7 +406,8 @@ export default function LandingPage() {
] ]
}, },
{ {
title: "Legal", items: [ title: "Legal",
items: [
{ label: "Privacy Policy", href: "#" }, { label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }, { label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" }, { label: "Cookie Policy", href: "#" },