3 Commits

View File

@@ -50,10 +50,12 @@ export default function LandingPage() {
background={{ variant: "plain" }}
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}
@@ -65,24 +67,84 @@ export default function LandingPage() {
/>
</div>
<div id="products" data-section="products">
<div id="product" data-section="product">
<ProductCardOne
title="Our iPhone Collection"
description="Discover our premium selection of iPhones, each engineered to perfection with the latest technology and design innovations."
tag="Latest Models"
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://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"
@@ -101,16 +163,36 @@ export default function LandingPage() {
tagIcon={Lightbulb}
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"
@@ -125,16 +207,24 @@ export default function LandingPage() {
tag="By The Numbers"
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"
@@ -149,31 +239,67 @@ export default function LandingPage() {
tagIcon={DollarSign}
plans={[
{
id: "se", badge: "Value", badgeIcon: Smartphone,
price: "$429", subtitle: "Perfect for essential users", buttons: [{ text: "Buy iPhone SE", href: "#" }],
id: "se",
badge: "Value",
badgeIcon: Smartphone,
price: "$429",
subtitle: "Perfect for essential users",
buttons: [{ text: "Buy iPhone SE", href: "#" }],
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,
price: "$799", subtitle: "Best overall choice", buttons: [{ text: "Buy iPhone 15", href: "#" }],
id: "15",
badge: "Popular",
badgeIcon: Sparkles,
price: "$799",
subtitle: "Best overall choice",
buttons: [{ text: "Buy iPhone 15", href: "#" }],
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,
price: "$999", subtitle: "For power users", buttons: [{ text: "Buy iPhone 15 Pro", href: "#" }],
id: "15pro",
badge: "Professional",
badgeIcon: Crown,
price: "$999",
subtitle: "For power users",
buttons: [{ text: "Buy iPhone 15 Pro", href: "#" }],
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,
price: "$1,199", subtitle: "Maximum capability", buttons: [{ text: "Buy iPhone 15 Pro Max", href: "#" }],
id: "15promax",
badge: "Ultimate",
badgeIcon: Zap,
price: "$1,199",
subtitle: "Maximum capability",
buttons: [{ text: "Buy iPhone 15 Pro Max", href: "#" }],
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}
testimonials={[
{
id: "1", 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: "1",
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,
imageSrc: "https://img.b2bpic.net/free-photo/young-smiling-woman-cafe-drinking-coffee-date-looking-camera_197531-22708.jpg", imageAlt: "James Chen"
id: "2",
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,
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"
id: "3",
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={[
@@ -238,7 +379,8 @@ export default function LandingPage() {
logoText="iPhone Store"
columns={[
{
title: "Shop", items: [
title: "Shop",
items: [
{ label: "iPhone 15 Pro", href: "#products" },
{ label: "iPhone 15", href: "#products" },
{ label: "iPhone SE", href: "#products" },
@@ -246,7 +388,8 @@ export default function LandingPage() {
]
},
{
title: "Support", items: [
title: "Support",
items: [
{ label: "Help Center", href: "#" },
{ label: "Contact Us", href: "#" },
{ label: "Warranty Info", href: "#" },
@@ -254,7 +397,8 @@ export default function LandingPage() {
]
},
{
title: "Company", items: [
title: "Company",
items: [
{ label: "About Us", href: "#" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
@@ -262,7 +406,8 @@ export default function LandingPage() {
]
},
{
title: "Legal", items: [
title: "Legal",
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },