|
|
|
|
@@ -8,10 +8,13 @@ import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwent
|
|
|
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
|
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
|
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
|
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
|
|
|
import FooterBase1 from '@/components/sections/footer/FooterBase1';
|
|
|
|
|
import { Camera, Zap, Sparkles, Monitor, Shield, Star, Heart } from "lucide-react";
|
|
|
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
|
|
|
import CardStack from '@/components/cardStack/CardStack';
|
|
|
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
|
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
|
|
|
import TeamCardOne1 from '@/components/sections/team/TeamCardOne1';
|
|
|
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
|
import FaqAccordionOne from '@/components/sections/faq/FaqAccordionOne';
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -28,7 +31,7 @@ export default function LandingPage() {
|
|
|
|
|
headingFontWeight="light"
|
|
|
|
|
>
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardScroll title="Explore the Latest iPhone Models" description="Discover the latest features and designs in our iPhone collection. From photography to performance, we've got you covered." background={{ variant: "downward-rays-animated" }} tag="New Arrivals" tagIcon="Calendar" buttons={[{ label: "Shop Now", href: "/iphones", className: "bg-black text-white hover:bg-gray-800" }]} imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" ariaLabel="iPhone Collection Hero Section" />
|
|
|
|
|
<HeroLogoBillboard logoText="iPhone Store" description="Explore the latest iPhone models with cutting-edge features and sleek designs." buttons={[{ label: "Shop Now", href: "/iphones", className: "bg-black text-white hover:bg-gray-800" }]} background={{ variant: "downward-rays-animated" }} imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" ariaLabel="iPhone Collection Hero Section" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
@@ -205,55 +208,123 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="layout" data-section="layout">
|
|
|
|
|
<CardStack mode="buttons" gridVariant="uniform-all-items-equal" title="Featured Accessories" description="Discover our latest iPhone accessories and gadgets." buttons={[{ text: "Explore", href: "#" }]} className="mb-8">
|
|
|
|
|
<div className="card">
|
|
|
|
|
<img src="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" alt="Wireless Charger" />
|
|
|
|
|
<h3>Wireless Charging Pad</h3>
|
|
|
|
|
<p>Fast charging for your iPhone</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="card">
|
|
|
|
|
<img src="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" alt="iPhone Case" />
|
|
|
|
|
<h3>Impact-Resistant Case</h3>
|
|
|
|
|
<p>Protect your iPhone with style</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="card">
|
|
|
|
|
<img src="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" alt="Headphones" />
|
|
|
|
|
<h3>True Wireless Earbuds</h3>
|
|
|
|
|
<p>Enjoy your music on the go</p>
|
|
|
|
|
</div>
|
|
|
|
|
</CardStack>
|
|
|
|
|
<FeatureCardThree features={[
|
|
|
|
|
{ id: "1", title: "Wireless Charging Stand", description: "Elegant and efficient, charges your iPhone wirelessly.", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Wireless Charging Stand" },
|
|
|
|
|
{ id: "2", title: "Clear iPhone Case", description: "Protect your iPhone with a clear, stylish case.", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Clear iPhone Case" },
|
|
|
|
|
{ id: "3", title: "Bumper Case", description: "Durable bumper case for added protection.", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Bumper Case" },
|
|
|
|
|
{ id: "4", title: "Screen Protector", description: "Keep your iPhone screen scratch-free with this high-quality protector.", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Screen Protector" }
|
|
|
|
|
]} carouselMode="buttons" gridVariant="timeline" title="iPhone Accessories" description="Explore our range of iPhone accessories to enhance your device." buttons={[{ text: "Shop Now", href: "#" }]} textboxLayout="left" useInvertedBackground="light" ariaLabel="iPhone Accessories Section" className="mb-8" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="team" data-section="team">
|
|
|
|
|
<TeamCardOne1
|
|
|
|
|
title="Our Expert Team"
|
|
|
|
|
description="Meet the dedicated team behind iPhone Store, passionate about delivering the best iPhone experience."
|
|
|
|
|
teamMembers={[
|
|
|
|
|
{ name: "John Doe", position: "CEO", image: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" },
|
|
|
|
|
{ name: "Jane Smith", position: "CTO", image: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" },
|
|
|
|
|
{ name: "Mike Johnson", position: "Head of Design", image: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" },
|
|
|
|
|
{ name: "Emily Davis", position: "Marketing Director", image: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="navbar" data-section="navbar">
|
|
|
|
|
<NavbarStyleApple
|
|
|
|
|
brandName="iPhone Store"
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "iPhone 13", id: "products" },
|
|
|
|
|
{ name: "Waterproof Tech", id: "features" },
|
|
|
|
|
{ name: "Affordable Plans", id: "pricing" },
|
|
|
|
|
{ name: "Customer Reviews", id: "testimonials" }
|
|
|
|
|
]}
|
|
|
|
|
logoUrl="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="navbar" data-section="navbar">
|
|
|
|
|
<NavbarStyleApple
|
|
|
|
|
brandName="iPhone Store"
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "iPhone 13", id: "products-iphone-13", image: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" },
|
|
|
|
|
{ name: "Face ID", id: "features-face-id" },
|
|
|
|
|
{ name: "AppleCare+", id: "pricing-applecare" },
|
|
|
|
|
{ name: "Customer Reviews", id: "testimonials-customers" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<TextAbout tag="Discover" tagIcon="LightBulb" title="Explore the Latest iPhone Models" buttons={[
|
|
|
|
|
{
|
|
|
|
|
label: "View Products",
|
|
|
|
|
href: "#products",
|
|
|
|
|
variant: "primary",
|
|
|
|
|
icon: "ArrowRight"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "Learn More",
|
|
|
|
|
href: "#features",
|
|
|
|
|
variant: "secondary",
|
|
|
|
|
icon: "Info"
|
|
|
|
|
}
|
|
|
|
|
]} useInvertedBackground="invertDefault" className="bg-gray-900" containerClassName="max-w-5xl" titleClassName="text-white" buttonContainerClassName="justify-center" buttonClassName="bg-white text-black hover:bg-gray-200" buttonTextClassName="text-sm" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqAccordionOne
|
|
|
|
|
title="iPhone Store FAQ"
|
|
|
|
|
description="Have questions about our iPhone models? Check out our frequently asked questions below."
|
|
|
|
|
items={[
|
|
|
|
|
{
|
|
|
|
|
question: "What iPhone models do you offer?",
|
|
|
|
|
answer: "We offer the latest models including iPhone 13, iPhone 13 Pro, iPhone 13 Pro Max, and iPhone SE (2022)."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
question: "What are the key features of the iPhone 13 Pro?",
|
|
|
|
|
answer: "The iPhone 13 Pro features a ProMotion display, A15 Bionic chip, Ceramic Shield front cover, and advanced cameras."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
question: "Can I trade in my old iPhone?",
|
|
|
|
|
answer: "Yes, you can trade in your old iPhone for credit towards a new one. Visit our store for more details."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
question: "How long is the warranty period?",
|
|
|
|
|
answer: "All iPhones come with a standard 1-year warranty. Extended warranty options are available upon purchase."
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
image="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterBaseReveal
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Products", items: [
|
|
|
|
|
{ label: "iPhone 15 Pro", href: "#products" },
|
|
|
|
|
{ label: "iPhone 15", href: "#products" },
|
|
|
|
|
{ label: "iPhone SE", href: "#products" },
|
|
|
|
|
{ label: "Compare Models", href: "#pricing" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Support", items: [
|
|
|
|
|
{ label: "Help Center", href: "#contact" },
|
|
|
|
|
{ label: "Contact Us", href: "#contact" },
|
|
|
|
|
{ label: "Warranty Info", href: "#" },
|
|
|
|
|
{ label: "Shipping & Returns", href: "#" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Company", items: [
|
|
|
|
|
{ label: "About Us", href: "#" },
|
|
|
|
|
{ label: "Blog", href: "#" },
|
|
|
|
|
{ label: "Careers", href: "#" },
|
|
|
|
|
{ label: "Press", href: "#" }
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
copyrightText="© 2025 iPhone Store. All rights reserved."
|
|
|
|
|
/>
|
|
|
|
|
<FooterBase1
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Products", items: [
|
|
|
|
|
{ label: "iPhone 15 Pro", href: "#products" },
|
|
|
|
|
{ label: "iPhone 15", href: "#products" },
|
|
|
|
|
{ label: "iPhone SE", href: "#products" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Support", items: [
|
|
|
|
|
{ label: "Help Center", href: "#contact" },
|
|
|
|
|
{ label: "Contact Us", href: "#contact" },
|
|
|
|
|
{ label: "Warranty Info", href: "#" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Company", items: [
|
|
|
|
|
{ label: "About Us", href: "#" },
|
|
|
|
|
{ label: "Blog", href: "#" },
|
|
|
|
|
{ label: "Careers", href: "#" }
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
copyrightText="© 2025 iPhone Store. All rights reserved."
|
|
|
|
|
logoUrl="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
|
