Initial commit
This commit is contained in:
233
src/app/page.tsx
Normal file
233
src/app/page.tsx
Normal file
@@ -0,0 +1,233 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Facebook, Instagram, Linkedin, Mail, Shield, Sparkles, Star, Twitter, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="sharp"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="iPhone"
|
||||
navItems={[
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
title="The Future of Mobile Innovation"
|
||||
description="Experience cutting-edge technology with stunning design. Discover iPhone's revolutionary features that redefine what's possible."
|
||||
tag="Latest Technology"
|
||||
tagIcon={Zap}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg", imageAlt: "iPhone premium design showcase"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg", imageAlt: "iPhone innovative features"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/curly-young-woman-silk-stylish-black-pajamas-eyeglasses-sits-brown-soft-sofa-with-laptop_197531-33652.jpg", imageAlt: "iPhone stunning display"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-psd/phone-screen-mockup-couch_23-2152021409.jpg", imageAlt: "iPhone modern technology"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/handsome-bearded-man-wearing-suit-sitting-leather-sofa-holding-smartphone-comfort-relaxation_496169-1406.jpg", imageAlt: "iPhone in hand"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Learn More", href: "#features" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
title="Our iPhone Collection"
|
||||
description="Explore our latest iPhone models with premium features and exceptional performance."
|
||||
tag="Featured Devices"
|
||||
tagIcon={Sparkles}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="invertDefault"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "iPhone 15 Pro Max", price: "$1,199", imageSrc: "https://img.b2bpic.net/free-photo/busy-cheerful-man-just-got-very-good-message-by-his-smartphone_613910-20877.jpg", imageAlt: "iPhone 15 Pro Max"
|
||||
},
|
||||
{
|
||||
id: "2", name: "iPhone 15 Pro", price: "$999", imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-holding-credit-card_23-2149405934.jpg", imageAlt: "iPhone 15 Pro"
|
||||
},
|
||||
{
|
||||
id: "3", name: "iPhone 15", price: "$799", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-smartphone-wooden-board_23-2149554988.jpg", imageAlt: "iPhone 15"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "View All Models", href: "#pricing" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Why Choose iPhone?"
|
||||
description="iPhone combines beautiful hardware with powerful software to create an extraordinary experience. Every detail is meticulously crafted to deliver performance, privacy, and peace of mind."
|
||||
tag="Innovation & Design"
|
||||
tagIcon={Shield}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-25610.jpg"
|
||||
imageAlt="iPhone innovation and design"
|
||||
useInvertedBackground="noInvert"
|
||||
buttons={[
|
||||
{ text: "Explore Features", href: "#features" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
title="Revolutionary Features"
|
||||
description="Discover the technology that makes iPhone the world's most powerful personal device."
|
||||
tag="Advanced Tech"
|
||||
tagIcon={Zap}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="invertDefault"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Advanced Camera System", description: "Capture stunning photos and videos with our advanced computational photography and professional-grade camera system.", tag: "Photography", imageSrc: "https://img.b2bpic.net/free-photo/mobile-phone-pen_23-2147978224.jpg", imageAlt: "iPhone advanced camera"
|
||||
},
|
||||
{
|
||||
id: "2", title: "All-Day Battery Life", description: "Stay powered through the entire day with intelligent battery management and fast charging technology.", tag: "Battery", imageSrc: "https://img.b2bpic.net/free-photo/people-using-smartphones_53876-24890.jpg", imageAlt: "iPhone long battery life"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Stunning Retina Display", description: "Experience vibrant colors and incredible clarity on our advanced Retina display with ProMotion technology.", tag: "Display", imageSrc: "https://img.b2bpic.net/free-photo/person-using-smartphone-check-social-media-while-sitting-couch_181624-44428.jpg", imageAlt: "iPhone retina display"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the perfect iPhone for your needs. All models include Apple's one-year limited warranty and access to AppleCare+."
|
||||
tag="Flexible Options"
|
||||
tagIcon={Sparkles}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
plans={[
|
||||
{
|
||||
id: "iphone-15", badge: "Popular", badgeIcon: Star,
|
||||
price: "$799", subtitle: "Perfect for everyday use", buttons: [
|
||||
{ text: "Buy Now", href: "#contact" }
|
||||
],
|
||||
features: [
|
||||
"6.1-inch Liquid Retina display", "Advanced dual camera system", "All-day battery life", "A17 Pro chip", "5G connectivity", "Apple One year warranty"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "iphone-15-pro", badge: "Most Powerful", badgeIcon: Zap,
|
||||
price: "$999", subtitle: "For power users", buttons: [
|
||||
{ text: "Buy Now", href: "#contact" }
|
||||
],
|
||||
features: [
|
||||
"6.1-inch Super Retina XDR display", "Pro camera system with telephoto", "ProMotion 120Hz display", "A17 Pro chip", "Titanium design", "Enhanced thermal management"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "iphone-15-pro-max", badge: "Best Display", badgeIcon: Sparkles,
|
||||
price: "$1,199", subtitle: "The ultimate iPhone", buttons: [
|
||||
{ text: "Buy Now", href: "#contact" }
|
||||
],
|
||||
features: [
|
||||
"6.7-inch Super Retina XDR display", "Pro Max camera system", "ProMotion 120Hz display", "A17 Pro chip", "Longest battery life", "Premium titanium construction"
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="Loved by Millions"
|
||||
description="See what our customers have to say about their iPhone experience."
|
||||
tag="Customer Reviews"
|
||||
tagIcon={Star}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Changed My Photography Game", quote: "The camera system on iPhone is absolutely incredible. I've been able to capture professional-quality photos that I thought would only be possible with a DSLR.", name: "Sarah Mitchell", role: "Professional Photographer", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Mitchell"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Seamless Integration", quote: "The ecosystem integration between my iPhone, iPad, and Mac is seamless. It's made my workflow incredibly efficient and productive.", 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: "Battery Life is Amazing", quote: "I can finally go through a full day of heavy use without needing to charge. The battery optimization is exceptional.", name: "Emily Rodriguez", role: "Marketing Executive", imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", imageAlt: "Emily Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Best Design and Performance", quote: "iPhone delivers the perfect balance of design and performance. It's not just a phone, it's a lifestyle choice.", name: "David Kim", role: "Tech Enthusiast", imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", imageAlt: "David Kim"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Stay Updated"
|
||||
title="Get the Latest iPhone News"
|
||||
description="Subscribe to our newsletter to receive exclusive updates, special offers, and early access to new iPhone releases."
|
||||
tagIcon={Mail}
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
useInvertedBackground="noInvert"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe at any time."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="iPhone"
|
||||
copyrightText="© 2025 iPhone Store. All rights reserved. Privacy Policy • Terms of Service"
|
||||
socialLinks={[
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user