Update src/app/page.tsx
This commit is contained in:
@@ -49,8 +49,8 @@ export default function LandingPage() {
|
||||
imageSrc="https://img.b2bpic.net/free-photo/smartphone-minimal-display-marble_23-2149554980.jpg"
|
||||
imageAlt="iPhone showcase"
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Learn More", href: "#features" }
|
||||
{ text: "Shop Now", href: "products" },
|
||||
{ text: "Learn More", href: "features" }
|
||||
]}
|
||||
avatarText="Loved by 50M+ users worldwide"
|
||||
avatars={[
|
||||
@@ -70,20 +70,19 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
carouselMode="buttons"
|
||||
useInvertedBackground="noInvert"
|
||||
useInvertedBackground="invertDefault"
|
||||
products={[
|
||||
{
|
||||
id: "iphone-15-pro-max", name: "iPhone 15 Pro Max", price: "$1,199", variant: "Titanium 3 Colors", imageSrc: "https://img.b2bpic.net/free-photo/smartphone-minimal-display-marble_23-2149554984.jpg", imageAlt: "iPhone 15 Pro Max", isFavorited: false
|
||||
id: "iphone-15-pro-max", name: "iPhone 15 Pro Max", price: "$1,199", variant: "Titanium · 3 Colors", imageSrc: "https://img.b2bpic.net/free-photo/smartphone-minimal-display-marble_23-2149554984.jpg", imageAlt: "iPhone 15 Pro Max", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "iphone-15-pro", name: "iPhone 15 Pro", price: "$999", variant: "Titanium 3 Colors", imageSrc: "https://img.b2bpic.net/free-photo/smartphone-minimal-display-marble_23-2149554984.jpg", imageAlt: "iPhone 15 Pro", isFavorited: false
|
||||
id: "iphone-15-pro", name: "iPhone 15 Pro", price: "$999", variant: "Titanium · 3 Colors", imageSrc: "https://img.b2bpic.net/free-photo/smartphone-minimal-display-marble_23-2149554984.jpg", imageAlt: "iPhone 15 Pro", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "iphone-15", name: "iPhone 15", price: "$799", variant: "Black 5 Colors", imageSrc: "https://img.b2bpic.net/free-photo/smartphone-minimal-display-marble_23-2149554966.jpg", imageAlt: "iPhone 15", isFavorited: false
|
||||
id: "iphone-15", name: "iPhone 15", price: "$799", variant: "Black · 5 Colors", imageSrc: "https://img.b2bpic.net/free-photo/smartphone-minimal-display-marble_23-2149554966.jpg", imageAlt: "iPhone 15", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "iphone-15-plus", name: "iPhone 15 Plus", price: "$899", variant: "Black 5 Colors", imageSrc: "https://img.b2bpic.net/free-photo/smartphone-minimal-display-marble_23-2149554966.jpg", imageAlt: "iPhone 15 Plus", isFavorited: false
|
||||
id: "iphone-15-plus", name: "iPhone 15 Plus", price: "$899", variant: "Black · 5 Colors", imageSrc: "https://img.b2bpic.net/free-photo/smartphone-minimal-display-marble_23-2149554966.jpg", imageAlt: "iPhone 15 Plus", isFavorited: false
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -122,30 +121,30 @@ export default function LandingPage() {
|
||||
description="Choose the iPhone that fits your budget and lifestyle"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
useInvertedBackground="invertDefault"
|
||||
plans={[
|
||||
{
|
||||
id: "iphone-15-standard", tag: "iPhone 15", tagIcon: Smartphone,
|
||||
price: "$799", period: "one-time", description: "Perfect for everyday power users who want the latest innovation", button: { text: "Buy Now", href: "#products" },
|
||||
price: "$799", period: "one-time", description: "Perfect for everyday power users who want the latest innovation", button: { text: "Buy Now", href: "products" },
|
||||
featuresTitle: "What's Included:", features: [
|
||||
"6.1-inch Super Retina XDR display", "Advanced dual camera system", "A17 Pro chip", "All-day battery life", "Water resistance (IP68)", "5-year warranty"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "iphone-15-pro", tag: "iPhone 15 Pro", tagIcon: Crown,
|
||||
price: "$999", period: "one-time", description: "For professionals who demand uncompromising performance and pro-level features", button: { text: "Buy Now", href: "#products" },
|
||||
price: "$999", period: "one-time", description: "For professionals who demand uncompromising performance and pro-level features", button: { text: "Buy Now", href: "products" },
|
||||
featuresTitle: "What's Included:", features: [
|
||||
"6.1-inch Pro display with 120Hz ProMotion", "Pro camera system with telephoto", "Titanium design", "A17 Pro chip optimized for pro apps", "Advanced computational photography", "6-year warranty + AppleCare+"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "iphone-15-pro-max", tag: "iPhone 15 Pro Max", tagIcon: Zap,
|
||||
price: "$1,199", period: "one-time", description: "The ultimate iPhone for creators and power users", button: { text: "Buy Now", href: "#products" },
|
||||
price: "$1,199", period: "one-time", description: "The ultimate iPhone for creators and power users", button: { text: "Buy Now", href: "products" },
|
||||
featuresTitle: "What's Included:", features: [
|
||||
"6.7-inch Pro display XDR", "Pro camera system with advanced zoom", "Titanium premium build", "Extended battery life", "Pro-level video recording", "6-year warranty + AppleCare+ 24/7 support"
|
||||
]
|
||||
}
|
||||
]}
|
||||
]
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -174,14 +173,14 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "6", title: "Best Investment", quote: "Three years later and my iPhone still runs like new. The durability and longevity are unmatched. It's definitely worth the investment compared to other smartphones.", name: "David Martinez", role: "Tech Enthusiast", imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg", imageAlt: "David Martinez"
|
||||
}
|
||||
]}
|
||||
]
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<AboutMetric
|
||||
title="Trusted by Millions. Celebrated Worldwide."
|
||||
useInvertedBackground="noInvert"
|
||||
useInvertedBackground="invertDefault"
|
||||
metrics={[
|
||||
{ icon: Users, label: "Active Users", value: "1.5B+" },
|
||||
{ icon: Award, label: "Industry Awards", value: "200+" },
|
||||
@@ -194,11 +193,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to experience the future? Get your iPhone today and discover why millions trust Apple."
|
||||
animationType="entrance-slide"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground="noInvert"
|
||||
buttons={[
|
||||
{ text: "Shop iPhone", href: "#products" },
|
||||
{ text: "Shop iPhone", href: "products" },
|
||||
{ text: "Contact Support", href: "https://support.apple.com" }
|
||||
]}
|
||||
/>
|
||||
@@ -213,10 +211,10 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Products", items: [
|
||||
{ label: "iPhone 15 Pro", href: "#products" },
|
||||
{ label: "iPhone 15", href: "#products" },
|
||||
{ label: "Compare Models", href: "#products" },
|
||||
{ label: "Accessories", href: "#products" }
|
||||
{ label: "iPhone 15 Pro", href: "products" },
|
||||
{ label: "iPhone 15", href: "products" },
|
||||
{ label: "Compare Models", href: "products" },
|
||||
{ label: "Accessories", href: "products" }
|
||||
]
|
||||
},
|
||||
{
|
||||
@@ -232,7 +230,7 @@ export default function LandingPage() {
|
||||
{ label: "About Apple", href: "https://www.apple.com" },
|
||||
{ label: "Newsroom", href: "https://www.apple.com" },
|
||||
{ label: "Careers", href: "https://www.apple.com" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
{ label: "Contact", href: "contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user