Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9784467258 |
299
src/app/page.tsx
299
src/app/page.tsx
@@ -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,47 +67,91 @@ 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="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardOne
|
<ProductCardOne
|
||||||
title="Explore Our Devices"
|
title="Explore Our Devices"
|
||||||
description="Experience the future with our cutting-edge devices, designed to enhance your digital lifestyle."
|
description="Experience the future with our cutting-edge devices, designed to enhance your digital lifestyle."
|
||||||
tag="New Arrivals"
|
tag="New Arrivals"
|
||||||
tagIcon={Zap}
|
tagIcon={Zap}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1",
|
||||||
name: "Galaxy S23 Ultra",
|
name: "Galaxy S23 Ultra",
|
||||||
price: "$1,099",
|
price: "$1,099",
|
||||||
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
||||||
imageAlt: "Galaxy S23 Ultra"
|
imageAlt: "Galaxy S23 Ultra"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2",
|
||||||
name: "Pixel 7 Pro",
|
name: "Pixel 7 Pro",
|
||||||
price: "$899",
|
price: "$899",
|
||||||
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
||||||
imageAlt: "Pixel 7 Pro"
|
imageAlt: "Pixel 7 Pro"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3",
|
||||||
name: "OnePlus 11",
|
name: "OnePlus 11",
|
||||||
price: "$749",
|
price: "$749",
|
||||||
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
||||||
imageAlt: "OnePlus 11"
|
imageAlt: "OnePlus 11"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4",
|
||||||
name: "Moto G Power",
|
name: "Moto G Power",
|
||||||
price: "$299",
|
price: "$299",
|
||||||
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
||||||
imageAlt: "Moto G Power"
|
imageAlt: "Moto G Power"
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground="invertDefault"
|
useInvertedBackground="invertDefault"
|
||||||
carouselMode="buttons"
|
carouselMode="buttons"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -117,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"
|
||||||
@@ -141,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"
|
||||||
@@ -165,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"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
@@ -208,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={[
|
||||||
@@ -249,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" },
|
||||||
@@ -290,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: "#" },
|
||||||
@@ -298,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: "#" },
|
||||||
@@ -306,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: "#" },
|
||||||
|
|||||||
Reference in New Issue
Block a user