303 lines
21 KiB
TypeScript
303 lines
21 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Sparkles, Star, Zap, DollarSign, Heart, TrendingUp, HelpCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="sharp"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLarge"
|
|
background="floatingGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Apple iPhone Store"
|
|
navItems={[
|
|
{ name: "Models", id: "product" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Support", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Shop Now", href: "#product"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Experience Innovation in Your Hand"
|
|
description="Discover the latest Apple iPhones with cutting-edge technology, stunning cameras, and all-day battery life. Find your perfect model and upgrade your lifestyle today."
|
|
background={{ variant: "glowing-orb" }}
|
|
kpis={[
|
|
{ value: "120MP", label: "Advanced Camera System" },
|
|
{ value: "72h", label: "Battery Life" },
|
|
{ value: "A18 Pro", label: "Fastest Chip" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Apple iPhone Store"
|
|
tagIcon={Sparkles}
|
|
buttons={[
|
|
{ text: "Shop Models", href: "#product" },
|
|
{ text: "Learn More", href: "#features" }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg"
|
|
imageAlt="Latest Apple iPhone Model"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardTwo
|
|
title="Our iPhone Collection"
|
|
description="Choose from our premium selection of iPhone models, each designed to deliver exceptional performance and style."
|
|
tag="Featured Models"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Apple", name: "iPhone 16 Pro Max", price: "$1,199.00", rating: 5,
|
|
reviewCount: "12.5k", imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-banner-design-template_47987-33087.jpg", imageAlt: "iPhone 16 Pro Max"
|
|
},
|
|
{
|
|
id: "2", brand: "Apple", name: "iPhone 16 Pro", price: "$999.00", rating: 5,
|
|
reviewCount: "10.2k", imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-banner-design-template_47987-33087.jpg", imageAlt: "iPhone 16 Pro"
|
|
},
|
|
{
|
|
id: "3", brand: "Apple", name: "iPhone 16", price: "$799.00", rating: 5,
|
|
reviewCount: "8.9k", imageSrc: "https://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg", imageAlt: "iPhone 16"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "View All Models", href: "#pricing" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
title="Why Choose iPhone"
|
|
description="Explore the revolutionary features that make iPhone the world's most advanced smartphone."
|
|
tag="Key Features"
|
|
tagIcon={Zap}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "Advanced Camera System", description: "Capture stunning photos in any light with our revolutionary triple-camera system featuring 48MP main sensor and advanced computational photography.", tag: "Camera", imageSrc: "https://img.b2bpic.net/free-photo/smartphone-with-white-screen-old-camera_1382-82.jpg", imageAlt: "Advanced camera technology"
|
|
},
|
|
{
|
|
id: "2", title: "All-Day Battery Life", description: "Stay powered all day long with our efficient battery technology. Charge to 50% in just 30 minutes with MagSafe fast charging.", tag: "Battery", imageSrc: "https://img.b2bpic.net/free-photo/photography-studio-with-equipment-items-arrangement_23-2150254694.jpg", imageAlt: "Long-lasting battery"
|
|
},
|
|
{
|
|
id: "3", title: "Lightning-Fast Performance", description: "The A18 Pro chip delivers exceptional speed and power efficiency. Experience seamless multitasking and gaming with the fastest processor in a smartphone.", tag: "Performance", imageSrc: "https://img.b2bpic.net/free-photo/young-couple-taking-photos-with-mobile_1301-5146.jpg", imageAlt: "High performance chip"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
title="iPhone Pricing Plans"
|
|
description="Select the perfect iPhone model for your needs and budget. Flexible payment options available."
|
|
tag="Transparent Pricing"
|
|
tagIcon={DollarSign}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "pro-max", title: "iPhone 16 Pro Max", price: "$1,199", period: "one-time", features: [
|
|
"6.9-inch Super Retina XDR display", "Triple 48MP camera system", "A18 Pro chip with 8GB RAM", "Titanium design with action button", "72-hour battery life"
|
|
],
|
|
button: { text: "Buy Now", href: "#contact" },
|
|
imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-banner-design-template_47987-33087.jpg", imageAlt: "iPhone 16 Pro Max"
|
|
},
|
|
{
|
|
id: "pro", title: "iPhone 16 Pro", price: "$999", period: "one-time", features: [
|
|
"6.3-inch Super Retina XDR display", "Dual 48MP camera system", "A18 Pro chip with 8GB RAM", "Titanium design", "24-hour battery life"
|
|
],
|
|
button: { text: "Buy Now", href: "#contact" },
|
|
imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-banner-design-template_47987-33087.jpg", imageAlt: "iPhone 16 Pro"
|
|
},
|
|
{
|
|
id: "standard", title: "iPhone 16", price: "$799", period: "one-time", features: [
|
|
"6.1-inch Super Retina display", "Dual 48MP camera system", "A18 chip with 8GB RAM", "Aerospace-grade aluminum", "20-hour battery life"
|
|
],
|
|
button: { text: "Buy Now", href: "#contact" },
|
|
imageSrc: "https://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg", imageAlt: "iPhone 16"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Customers Love"
|
|
description="Hear from iPhone users who have experienced the magic of our devices."
|
|
tag="Customer Reviews"
|
|
tagIcon={Heart}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson, Tech Enthusiast", date: "Date: 15 January 2025", title: "Best smartphone I've ever owned!", quote: "The camera quality is absolutely outstanding. I've captured some of my favorite moments with the iPhone 16 Pro, and the detail is incredible. Battery life easily gets me through my entire day without worrying about charging.", tag: "iPhone 16 Pro User", avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageSrc: "https://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722663.jpg", imageAlt: "Customer using iPhone"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen, Creative Professional", date: "Date: 12 January 2025", title: "Perfect for my creative work", quote: "As a content creator, I need a device that can keep up with my demanding workflow. The A18 Pro chip is blazingly fast, and the display is perfect for editing photos and videos on the go. Highly recommend for professionals.", tag: "iPhone 16 Pro User", avatarSrc: "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", imageSrc: "https://img.b2bpic.net/free-photo/back-position-smartphone-device-tech-generative-ai_188544-12116.jpg", imageAlt: "Professional using iPhone"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez, Business Owner", date: "Date: 10 January 2025", title: "Excellent customer service", quote: "Not only is the iPhone an amazing device, but the support team was incredibly helpful when I had questions. The transition from my old phone was seamless, and I'm loving every feature. Worth every penny!", tag: "iPhone 16 User", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg", imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-banner-design-template_47987-33075.jpg", imageAlt: "Happy customer"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim, Photography Enthusiast", date: "Date: 8 January 2025", title: "Photography revolution in my pocket", quote: "The computational photography features are game-changing. Night mode, portrait mode, and the new macro capabilities have elevated my mobile photography. I sold my separate camera because the iPhone does everything I need.", tag: "iPhone 16 Pro Max User", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg", imageSrc: "https://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722663.jpg", imageAlt: "Photography results"
|
|
},
|
|
{
|
|
id: "5", name: "Jessica Martinez, Student", date: "Date: 5 January 2025", title: "Affordable premium quality", quote: "I was hesitant about the price, but the iPhone 16 offers incredible value. Everything feels premium, the performance is snappy, and it handles all my apps and games without breaking a sweat. Love it!", tag: "iPhone 16 User", avatarSrc: "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", imageSrc: "https://img.b2bpic.net/free-photo/back-position-smartphone-device-tech-generative-ai_188544-12116.jpg", imageAlt: "Student using iPhone"
|
|
},
|
|
{
|
|
id: "6", name: "Robert Thompson, Executive", date: "Date: 2 January 2025", title: "The Ultimate Business Companion", quote: "Security, reliability, and ecosystem integration are unmatched. I manage my entire business from my iPhone 16 Pro Max. The titanium design feels premium, and the screen is perfect for detailed work. Couldn't ask for better.", tag: "iPhone 16 Pro Max User", avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-banner-design-template_47987-33075.jpg", imageAlt: "Professional work setup"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
title="Apple iPhone Impact"
|
|
description="Leading the mobile innovation industry with trusted technology and customer satisfaction."
|
|
tag="By The Numbers"
|
|
tagIcon={TrendingUp}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "2.2B+", title: "Active Users Worldwide", description: "Growing community of satisfied iPhone users globally", imageSrc: "https://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722663.jpg", imageAlt: "Global iPhone users"
|
|
},
|
|
{
|
|
id: "2", value: "98%", title: "Customer Satisfaction", description: "Industry-leading satisfaction and loyalty rates", imageSrc: "https://img.b2bpic.net/free-photo/back-position-smartphone-device-tech-generative-ai_188544-12116.jpg", imageAlt: "Happy customers"
|
|
},
|
|
{
|
|
id: "3", value: "18+", title: "Years of Innovation", description: "Nearly two decades of revolutionary technology", imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-banner-design-template_47987-33075.jpg", imageAlt: "Innovation timeline"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common questions about iPhone models, features, and purchasing."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
mediaPosition="left"
|
|
animationType="smooth"
|
|
imageSrc="https://img.b2bpic.net/free-photo/young-distraught-call-center-agent-communicating-with-client-while-using-desktop-pc-office_637285-6461.jpg"
|
|
imageAlt="Customer support illustration"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What's the difference between iPhone 16 and iPhone 16 Pro?", content: "The iPhone 16 Pro features a larger 6.3-inch display, triple camera system, A18 Pro chip, and titanium design. The standard iPhone 16 has a 6.1-inch display, dual cameras, and the standard A18 chip. Both offer excellent performance, but Pro models include advanced computational photography features."
|
|
},
|
|
{
|
|
id: "2", title: "How long does the battery last?", content: "Battery life varies by model: iPhone 16 offers up to 20 hours, iPhone 16 Pro provides up to 24 hours, and iPhone 16 Pro Max delivers up to 72 hours of battery life. All models support fast charging and can reach 50% charge in approximately 30 minutes with compatible chargers."
|
|
},
|
|
{
|
|
id: "3", title: "Do you offer payment plans?", content: "Yes, we offer flexible payment plans through major credit providers. You can spread your purchase over 12, 18, or 24 months with competitive interest rates. Contact our sales team for specific financing options available in your region."
|
|
},
|
|
{
|
|
id: "4", title: "What warranty coverage is included?", content: "All iPhones come with a standard 1-year limited warranty covering manufacturing defects. AppleCare+ extends coverage to 2 years with accidental damage protection, theft and loss coverage, and priority support. We recommend AppleCare+ for comprehensive protection."
|
|
},
|
|
{
|
|
id: "5", title: "Are iPhones water-resistant?", content: "Yes, iPhone 16 models feature water and dust resistance up to IP68 rating. They can withstand submersion in water up to 6 meters deep for 30 minutes. However, water resistance may decrease over time, and damage isn't covered by standard warranty."
|
|
},
|
|
{
|
|
id: "6", title: "Can I trade in my old device?", content: "Absolutely! We accept trade-ins for any smartphone model. The trade-in value depends on the condition and model of your device. You can apply the credit directly to your iPhone purchase. Contact us for a free trade-in evaluation."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get Your iPhone Today"
|
|
description="Ready to upgrade? Contact our sales team to place your order, ask questions, or discuss the best iPhone model for your needs."
|
|
useInvertedBackground="invertDefault"
|
|
mediaPosition="right"
|
|
imageSrc="https://img.b2bpic.net/free-photo/people-working-call-center_23-2149288189.jpg"
|
|
imageAlt="Contact support illustration"
|
|
inputs={[
|
|
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: false },
|
|
{ name: "model", type: "text", placeholder: "Preferred iPhone Model (e.g., iPhone 16 Pro)", required: false }
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your needs or ask any questions...", rows: 5,
|
|
required: true
|
|
}}
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-vector/abstract-technology-wire-wave-blue-background_1035-17376.jpg"
|
|
imageAlt="Technology background"
|
|
logoText="Apple iPhone Store"
|
|
copyrightText="© 2025 Apple iPhone Store. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Products", items: [
|
|
{ label: "iPhone 16 Pro Max", href: "#product" },
|
|
{ label: "iPhone 16 Pro", href: "#product" },
|
|
{ label: "iPhone 16", href: "#product" },
|
|
{ label: "Compare Models", href: "#pricing" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Help & FAQ", href: "#faq" },
|
|
{ label: "Warranty Information", href: "#faq" },
|
|
{ label: "Trade-In Program", href: "#contact" },
|
|
{ label: "Contact Us", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Privacy Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |