Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9784467258 | |||
| 6c5f29a99b | |||
| 283f2b33c7 |
225
src/app/page.tsx
225
src/app/page.tsx
@@ -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: "#" },
|
||||
|
||||
Reference in New Issue
Block a user