230 lines
14 KiB
TypeScript
230 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { MessageSquare } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="sharp"
|
|
contentWidth="small"
|
|
sizing="mediumLarge"
|
|
background="floatingGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="iPhone Store"
|
|
navItems={[
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="iPhone Store"
|
|
description="Experience the latest in smartphone innovation with our curated selection of premium iPhones. From cutting-edge performance to stunning displays, find your perfect device today."
|
|
buttons={[
|
|
{ text: "Shop Now", href: "#products" },
|
|
{ text: "Learn More", href: "#features" }
|
|
]}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
imageSrc="https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg"
|
|
imageAlt="Latest iPhone models showcase"
|
|
frameStyle="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Shop Our Collection"
|
|
description="Browse our carefully selected iPhone models with premium specifications and competitive pricing"
|
|
products={[
|
|
{
|
|
id: "1", name: "iPhone 15 Pro Max", price: "$1,199", imageSrc: "https://img.b2bpic.net/free-psd/smartphone-16-pro-discount-sale-banner-social-media-design-template_47987-25305.jpg", imageAlt: "iPhone 15 Pro Max", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "2", name: "iPhone 15 Pro", price: "$999", imageSrc: "https://img.b2bpic.net/free-photo/phone-14-front-side-arabic-themed-background_187299-35431.jpg", imageAlt: "iPhone 15 Pro", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "3", name: "iPhone 15", price: "$799", imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-story-design-template_47987-33778.jpg", imageAlt: "iPhone 15", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "4", name: "iPhone SE", price: "$429", imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-16-pro-social-media-cover-design-template_47987-25428.jpg", imageAlt: "iPhone SE", initialQuantity: 1
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
title="Why Choose Our iPhones"
|
|
description="Discover the innovation and quality that sets our iPhone selection apart"
|
|
features={[
|
|
{
|
|
id: "1", title: "Advanced Camera System", description: "Capture stunning photos and videos with next-generation computational photography and advanced image processing", tag: "Innovation", imageSrc: "https://img.b2bpic.net/free-psd/smartphone-16-pro-discount-sale-banner-social-media-design-template_47987-25305.jpg"
|
|
},
|
|
{
|
|
id: "2", title: "Powerful Performance", description: "Experience lightning-fast processing with the latest A-series chips designed for seamless multitasking and gaming", tag: "Performance", imageSrc: "https://img.b2bpic.net/free-photo/phone-14-front-side-arabic-themed-background_187299-35431.jpg"
|
|
},
|
|
{
|
|
id: "3", title: "Stunning Display", description: "Enjoy vibrant colors and deep blacks on Super Retina XDR displays with ProMotion technology", tag: "Display", imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-story-design-template_47987-33778.jpg"
|
|
},
|
|
{
|
|
id: "4", title: "All-Day Battery", description: "Stay powered throughout the day with advanced battery technology and efficient power management", tag: "Battery", imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-16-pro-social-media-cover-design-template_47987-25428.jpg"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
title="Simple Pricing"
|
|
description="Choose the perfect iPhone model that fits your needs and budget"
|
|
plans={[
|
|
{
|
|
id: "basic", tag: "iPhone SE", price: "$429", period: "one-time", description: "Perfect for everyday use with reliable performance", button: { text: "Buy Now", href: "#contact" },
|
|
featuresTitle: "Included:", features: [
|
|
"5G connectivity", "A15 Bionic chip", "12MP camera", "Up to 15 hours battery life", "Water and dust resistant", "1 year warranty"
|
|
]
|
|
},
|
|
{
|
|
id: "pro", tag: "iPhone 15 Pro", price: "$999", period: "one-time", description: "Professional-grade features for power users", button: { text: "Buy Now", href: "#contact" },
|
|
featuresTitle: "Included:", features: [
|
|
"5G connectivity", "A17 Pro chip", "Advanced triple camera", "ProMotion display (120Hz)", "Up to 20 hours battery life", "Titanium design", "2 year warranty"
|
|
]
|
|
},
|
|
{
|
|
id: "max", tag: "iPhone 15 Pro Max", price: "$1,199", period: "one-time", description: "Ultimate performance with premium features", button: { text: "Buy Now", href: "#contact" },
|
|
featuresTitle: "Included:", features: [
|
|
"5G connectivity", "A17 Pro chip", "Pro camera system", "6.7-inch Super Retina XDR", "Up to 30 hours battery life", "Titanium design", "Premium support", "2 year warranty"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="Loved by Our Customers"
|
|
description="See what iPhone enthusiasts and professionals have to say about their experience"
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Best Purchase Decision", quote: "The iPhone Pro has completely transformed my photography workflow. The camera system is absolutely incredible, and the build quality is exceptional. Highly recommend!", name: "Sarah Anderson", role: "Professional Photographer", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Anderson"
|
|
},
|
|
{
|
|
id: "2", title: "Perfect Everyday Device", quote: "I've been using iPhone for years, but this latest model is a game-changer. Fast, reliable, and the battery lasts all day. Great value for the quality.", name: "Michael Chen", role: "Software Developer", 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: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", title: "Seamless Experience", quote: "From unboxing to first use, everything felt premium and intuitive. The integration with my other Apple devices is seamless. Couldn't be happier!", name: "Emma Rodriguez", role: "Business Executive", imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "Emma Rodriguez"
|
|
},
|
|
{
|
|
id: "4", title: "Excellent Customer Service", quote: "Not only is the iPhone fantastic, but the customer service team went above and beyond. Truly appreciated the support and quick delivery.", name: "James Wilson", role: "Tech Enthusiast", imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", imageAlt: "James Wilson"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Upgrade?"
|
|
ctaDescription="Get in touch with our sales team for personalized recommendations and special offers"
|
|
ctaButton={{ text: "Contact Us Now", href: "mailto:sales@iphonestore.com" }}
|
|
ctaIcon={MessageSquare}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What warranty do you offer?", content: "All our iPhones come with a standard 1-year limited warranty. We also offer extended AppleCare+ protection plans for up to 2 additional years of coverage, accidental damage protection, and priority support."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer trade-in programs?", content: "Yes! We accept trade-ins on your old iPhone. The value depends on the model, condition, and specifications. Contact our sales team for a quick evaluation and instant credit toward your purchase."
|
|
},
|
|
{
|
|
id: "3", title: "What about financing options?", content: "We offer flexible financing plans with zero interest for qualified purchases. Choose from 6, 12, or 24-month payment plans. Contact us to discuss options that work best for your budget."
|
|
},
|
|
{
|
|
id: "4", title: "How long does shipping take?", content: "Standard shipping typically takes 3-5 business days. We also offer expedited 1-2 day shipping, and same-day delivery in select areas. All shipments are fully insured and include tracking."
|
|
},
|
|
{
|
|
id: "5", title: "What if I have issues with my device?", content: "Our technical support team is available 24/7 to help. We provide phone, email, and live chat support. For hardware issues, we offer in-store repairs, mail-in service, or replacement options depending on your warranty coverage."
|
|
},
|
|
{
|
|
id: "6", title: "Can I return my iPhone?", content: "Absolutely. We offer a 30-day return policy on all unopened devices and 14 days for opened products in original condition. We also provide hassle-free exchanges if you want to switch models or colors."
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="iPhone Store"
|
|
copyrightText="© 2025 iPhone Store. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Products", items: [
|
|
{ label: "iPhone 15 Pro", href: "#products" },
|
|
{ label: "iPhone 15", href: "#products" },
|
|
{ label: "iPhone SE", href: "#products" },
|
|
{ label: "Compare Models", href: "#features" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Technical Support", href: "#contact" },
|
|
{ label: "Warranty Info", href: "#contact" },
|
|
{ label: "Shipping & Returns", href: "#contact" },
|
|
{ label: "Track Order", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Settings", href: "#" },
|
|
{ label: "Accessibility", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |