324 lines
16 KiB
TypeScript
324 lines
16 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Crown, Droplet, Heart, Phone, Shield, Smartphone, Sparkles, Star, Zap } from 'lucide-react';
|
|
|
|
export default function iPhoneSalesPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Shop", id: "products" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Specs", id: "metrics" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="iPhone"
|
|
bottomLeftText="Premium Technology"
|
|
bottomRightText="hello@iphone.shop"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Experience Innovation in Your Hands"
|
|
description="Discover the latest iPhone with breakthrough camera technology, lightning-fast performance, and all-day battery life. Designed for those who demand excellence."
|
|
background={{ variant: "animated-grid" }}
|
|
tag="Latest Technology"
|
|
tagIcon={Smartphone}
|
|
buttons={[
|
|
{ text: "Shop Now", href: "#products" },
|
|
{ text: "Learn More", href: "#features" },
|
|
{ text: "Watch Demo", href: "#demo" }
|
|
]}
|
|
imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
|
|
imageAlt="Latest iPhone showcasing premium design"
|
|
/>
|
|
</div>
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
products={[
|
|
{
|
|
id: "1", name: "iPhone 15 Pro", price: "$999", imageSrc: "https://img.b2bpic.net/free-photo/smartphone-minimal-display-marble_23-2149554984.jpg", imageAlt: "iPhone 15 Pro with premium titanium design"
|
|
},
|
|
{
|
|
id: "2", name: "iPhone 15 Pro Max", price: "$1,099", imageSrc: "https://img.b2bpic.net/free-photo/smartphone-minimal-display-marble_23-2149554966.jpg", imageAlt: "iPhone 15 Pro Max in multiple colors"
|
|
},
|
|
{
|
|
id: "3", name: "iPhone 15", price: "$799", imageSrc: "https://img.b2bpic.net/free-photo/smartphone-minimal-display-rock_23-2149554977.jpg", imageAlt: "iPhone 15 with stunning display"
|
|
}
|
|
]}
|
|
title="Our iPhone Collection"
|
|
description="Choose from our premium lineup of iPhones, each engineered for excellence and packed with cutting-edge technology."
|
|
tag="Available Now"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
gridVariant="three-columns-all-equal-width"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
title="Engineered to Perfection"
|
|
description="Revolutionary features that set the standard in the industry. Every detail crafted for performance and beauty."
|
|
tag="Innovation"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
features={[
|
|
{
|
|
title: "Pro Camera System", description: "Advanced 48MP main camera with improved zoom and night mode", bentoComponent: "globe"
|
|
},
|
|
{
|
|
title: "A17 Pro Chip", description: "Fastest smartphone processor with enhanced performance", bentoComponent: "animated-bar-chart"
|
|
},
|
|
{
|
|
title: "All-Day Battery", description: "Up to 29 hours of battery life with optimized efficiency", bentoComponent: "line-chart"
|
|
},
|
|
{
|
|
title: "Premium Build", description: "Surgical-grade titanium and advanced glass construction", bentoComponent: "icon-info-cards", items: [
|
|
{ icon: Shield, label: "Durability", value: "Ceramic Shield" },
|
|
{ icon: Droplet, label: "Water Resistance", value: "IP68 Rated" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
title="Choose Your Perfect iPhone"
|
|
description="Select the model that matches your lifestyle and budget"
|
|
tag="Flexible Pricing"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
carouselMode="buttons"
|
|
plans={[
|
|
{
|
|
id: "standard", badge: "Popular", badgeIcon: Sparkles,
|
|
price: "$799", subtitle: "Perfect for everyday users", buttons: [{ text: "Select Plan", href: "#contact" }],
|
|
features: [
|
|
"6.1-inch display", "128GB storage", "Dual camera system", "All-day battery", "5G connectivity", "1-year warranty"
|
|
]
|
|
},
|
|
{
|
|
id: "pro", badge: "Best Value", badgeIcon: Crown,
|
|
price: "$999", subtitle: "For professionals and enthusiasts", buttons: [{ text: "Select Plan", href: "#contact" }],
|
|
features: [
|
|
"6.1-inch Super Retina XDR", "256GB storage", "Pro triple camera system", "ProMotion 120Hz display", "A17 Pro chip", "2-year warranty"
|
|
]
|
|
},
|
|
{
|
|
id: "pro-max", badge: "Premium", badgeIcon: Zap,
|
|
price: "$1,099", subtitle: "Maximum power and performance", buttons: [{ text: "Select Plan", href: "#contact" }],
|
|
features: [
|
|
"6.7-inch display", "512GB storage", "Pro quad camera system", "Advanced zoom capabilities", "All-day plus battery", "Premium support"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
title="By The Numbers"
|
|
description="Impressive specifications that demonstrate iPhone excellence"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "48MP", title: "Main Camera", description: "Advanced sensor for stunning photos", imageSrc: "https://img.b2bpic.net/free-photo/modern-workspace-featuring-cellphone-setup_58702-17222.jpg", imageAlt: "iPhone camera capability showcase"
|
|
},
|
|
{
|
|
id: "2", value: "6.1\"", title: "Dynamic Island", description: "Intuitive interface at your fingertips", imageSrc: "https://img.b2bpic.net/free-photo/smartphone-minimal-display-rock_23-2149554977.jpg", imageAlt: "Dynamic Island display feature"
|
|
},
|
|
{
|
|
id: "3", value: "A17 Pro", title: "Processor Power", description: "Fastest smartphone chip ever", imageSrc: "https://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722629.jpg", imageAlt: "A17 Pro processor performance"
|
|
},
|
|
{
|
|
id: "4", value: "29h", title: "Battery Life", description: "Extended usage on single charge", imageSrc: "https://img.b2bpic.net/free-photo/smartphone-rocks-arrangement_23-2149672674.jpg", imageAlt: "iPhone battery endurance"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Rodriguez", imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Emma Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", imageAlt: "David Kim"
|
|
},
|
|
{
|
|
id: "5", name: "Lisa Anderson", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", imageAlt: "Lisa Anderson"
|
|
},
|
|
{
|
|
id: "6", name: "James Wilson", imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageAlt: "James Wilson"
|
|
}
|
|
]}
|
|
cardTitle="Over 50 million customers worldwide love their iPhone for its innovation, design, and reliability"
|
|
cardTag="Trusted by millions"
|
|
cardTagIcon={Heart}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about iPhone features, pricing, and support"
|
|
textboxLayout="default"
|
|
animationType="smooth"
|
|
useInvertedBackground="invertDefault"
|
|
mediaPosition="left"
|
|
imageSrc="https://img.b2bpic.net/free-photo/smartphone-minimal-display-rock_23-2149554985.jpg"
|
|
imageAlt="iPhone design and build quality"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What is the warranty coverage?", content: "All iPhones come with a 1-year limited warranty covering hardware defects. AppleCare+ extends protection to 2-3 years with accidental damage coverage."
|
|
},
|
|
{
|
|
id: "2", title: "How long does the battery last?", content: "iPhone 15 Pro Max offers up to 29 hours of battery life. Standard iPhone 15 provides up to 20 hours of usage on a single charge."
|
|
},
|
|
{
|
|
id: "3", title: "Is the display water resistant?", content: "Yes, all iPhone 15 models feature IP68 water resistance rating, allowing submersion in water up to 6 meters deep for 30 minutes."
|
|
},
|
|
{
|
|
id: "4", title: "Can I upgrade my storage?", content: "iPhone storage cannot be upgraded after purchase. Choose the right capacity at the time of purchase: 128GB, 256GB, 512GB, or 1TB."
|
|
},
|
|
{
|
|
id: "5", title: "What payment options are available?", content: "We accept all major credit cards, Apple Pay, PayPal, and offer flexible financing through various payment plans."
|
|
},
|
|
{
|
|
id: "6", title: "How fast is the shipping?", content: "Standard shipping takes 3-5 business days. Express shipping available for 1-2 day delivery at checkout."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get Started"
|
|
tagIcon={Phone}
|
|
title="Ready to Experience iPhone Excellence?"
|
|
description="Join millions of users who have chosen iPhone for its seamless performance, innovative features, and unmatched ecosystem. Order your iPhone today and discover what's possible."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Shop Now", href: "#products" },
|
|
{ text: "Contact Support", href: "mailto:hello@iphone.shop" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardOne
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "iPhone 15 Pro",
|
|
price: "$999",
|
|
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
|
imageAlt: "iPhone 15 Pro with premium titanium design"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "iPhone 15 Pro Max",
|
|
price: "$1,099",
|
|
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
|
imageAlt: "iPhone 15 Pro Max in multiple colors"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "iPhone 15",
|
|
price: "$799",
|
|
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
|
imageAlt: "iPhone 15 with stunning display"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "iPhone 15 Plus",
|
|
price: "$899",
|
|
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
|
imageAlt: "iPhone 15 Plus with powerful performance"
|
|
}
|
|
]}
|
|
title="Our Best Selling Products"
|
|
description="Discover the top picks from our iPhone lineup, designed to meet your every need."
|
|
tag="Best Sellers"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
gridVariant="three-columns-all-equal-width"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="iPhone"
|
|
copyrightText="© 2025 iPhone Sales. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "iPhone 15 Pro", href: "#products" },
|
|
{ label: "iPhone 15 Pro Max", href: "#products" },
|
|
{ label: "iPhone 15", href: "#products" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Warranty", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About", href: "https://apple.com" },
|
|
{ label: "Privacy Policy", href: "https://apple.com/privacy" },
|
|
{ label: "Terms of Service", href: "https://apple.com/legal" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |