237 lines
13 KiB
TypeScript
237 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Zap, Star, Sparkles, CreditCard, Heart } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="sharp"
|
|
contentWidth="compact"
|
|
sizing="mediumLarge"
|
|
background="none"
|
|
cardStyle="elevated"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="iPhone"
|
|
navItems={[
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Why Us", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Shop Now", href: "products"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
title="The Future is Here. Experience iPhone."
|
|
description="Discover the latest iPhone with advanced camera technology, blazing-fast performance, and all-day battery life. Premium design meets cutting-edge innovation."
|
|
tag="Latest Technology"
|
|
tagIcon={Zap}
|
|
background={{ variant: "plain" }}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg", imageAlt: "Latest iPhone showcase"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/low-angle-man-using-smartphone-outdoors_23-2150747684.jpg", imageAlt: "iPhone 15 Pro premium model"
|
|
}
|
|
]}
|
|
rating={5}
|
|
ratingText="Trusted by millions worldwide"
|
|
buttons={[
|
|
{ text: "Explore Models", href: "products" },
|
|
{ text: "Learn More", href: "features" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="iPhone Models"
|
|
description="Choose from our premium lineup of iPhones designed to fit every lifestyle and budget."
|
|
tag="Featured Products"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Apple", name: "iPhone 15 Pro Max", price: "$1,199", rating: 5,
|
|
reviewCount: "18.5k", imageSrc: "https://img.b2bpic.net/free-photo/low-angle-man-using-smartphone-outdoors_23-2150747684.jpg", imageAlt: "iPhone 15 Pro Max"
|
|
},
|
|
{
|
|
id: "2", brand: "Apple", name: "iPhone 15 Pro", price: "$999", rating: 5,
|
|
reviewCount: "15.2k", imageSrc: "https://img.b2bpic.net/free-photo/people-holding-colorful-smartphones_23-2151969201.jpg", imageAlt: "iPhone 15 Pro"
|
|
},
|
|
{
|
|
id: "3", brand: "Apple", name: "iPhone 15 Plus", price: "$899", rating: 5,
|
|
reviewCount: "12.8k", imageSrc: "https://img.b2bpic.net/free-photo/modern-workspace-featuring-cellphone-setup_58702-17222.jpg", imageAlt: "iPhone 15 Plus"
|
|
},
|
|
{
|
|
id: "4", brand: "Apple", name: "iPhone 15", price: "$799", rating: 4,
|
|
reviewCount: "10.3k", imageSrc: "https://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722663.jpg", imageAlt: "iPhone 15 standard"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
title="Revolutionary Features"
|
|
description="Experience the most advanced iPhone capabilities ever created."
|
|
tag="Innovation"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "ProMotion Display", description: "120Hz display delivers incredibly smooth scrolling and responsiveness for an unmatched visual experience.", tag: "Display", imageSrc: "https://img.b2bpic.net/free-photo/two-friends-taking-selfie-smartphone_23-2147828216.jpg", imageAlt: "ProMotion display technology"
|
|
},
|
|
{
|
|
id: "2", title: "Advanced Camera System", description: "Breakthrough camera technology with enhanced zoom and night mode captures stunning photos in any condition.", tag: "Photography", imageSrc: "https://img.b2bpic.net/free-photo/close-up-shot-phone-used-by-person-laying-down-chatting-with-mates-online_482257-82287.jpg", imageAlt: "Advanced camera system"
|
|
},
|
|
{
|
|
id: "3", title: "A17 Pro Chip", description: "The fastest smartphone chip ever delivers exceptional performance for gaming, video editing, and everyday tasks.", tag: "Performance", imageSrc: "https://img.b2bpic.net/free-photo/young-couple-taking-photos-with-mobile_1301-5146.jpg", imageAlt: "A17 Pro chip performance"
|
|
},
|
|
{
|
|
id: "4", title: "All-Day Battery", description: "Intelligent battery management keeps your iPhone powered throughout the day and beyond.", tag: "Battery", imageSrc: "https://img.b2bpic.net/free-photo/man-hands-taking-picture-with-mobile-phone-sunset_657883-728.jpg", imageAlt: "All-day battery technology"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
title="Flexible Pricing Plans"
|
|
description="Select the perfect iPhone model and storage option for your needs."
|
|
tag="Payment Options"
|
|
tagIcon={CreditCard}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "basic", title: "iPhone 15", price: "$799", period: "one-time", imageSrc: "https://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722663.jpg", imageAlt: "iPhone 15 base model", button: { text: "Get Now", href: "contact" },
|
|
features: [
|
|
"6.1\" Liquid Retina display", "Dual camera system", "A16 Bionic chip", "30 hours battery life", "Water and dust resistant"
|
|
]
|
|
},
|
|
{
|
|
id: "pro", title: "iPhone 15 Pro", price: "$999", period: "one-time", imageSrc: "https://img.b2bpic.net/free-photo/people-holding-colorful-smartphones_23-2151969201.jpg", imageAlt: "iPhone 15 Pro model", button: { text: "Get Now", href: "contact" },
|
|
features: [
|
|
"6.1\" Pro display XDR", "Triple camera system", "A17 Pro chip", "20 hours battery life", "Titanium design", "ProRaw support"
|
|
]
|
|
},
|
|
{
|
|
id: "max", title: "iPhone 15 Pro Max", price: "$1,199", period: "one-time", imageSrc: "https://img.b2bpic.net/free-photo/low-angle-man-using-smartphone-outdoors_23-2150747684.jpg", imageAlt: "iPhone 15 Pro Max premium model", button: { text: "Get Now", href: "contact" },
|
|
features: [
|
|
"6.7\" Pro display XDR", "Advanced triple camera", "A17 Pro chip", "28 hours battery life", "Titanium design", "Enhanced zoom capabilities"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Why Choose iPhone"
|
|
description={[
|
|
"iPhone represents the pinnacle of mobile technology innovation. We're committed to crafting devices that combine stunning design with powerful performance.", "Our ecosystem seamlessly integrates across all your devices, creating an unmatched user experience. With industry-leading security, privacy protection, and customer support, iPhone is the choice of millions worldwide.", "Experience the future of mobile technology today. Every iPhone is engineered to deliver excellence in every detail."
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
showBorder={false}
|
|
buttons={[
|
|
{ text: "Explore Models", href: "products" },
|
|
{ text: "Technical Specs", href: "features" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get Your iPhone Today"
|
|
description="Ready to upgrade? Contact our sales team to find the perfect iPhone model for you. We offer personalized support and flexible payment options."
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg"
|
|
imageAlt="iPhone purchase support"
|
|
mediaPosition="right"
|
|
buttonText="Submit"
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your 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: "Interested Model", required: false }
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your needs or questions...", rows: 5,
|
|
required: false
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Products", items: [
|
|
{ label: "iPhone 15 Pro", href: "products" },
|
|
{ label: "iPhone 15", href: "products" },
|
|
{ label: "iPhone 15 Plus", href: "products" },
|
|
{ label: "iPhone SE", href: "products" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Features", href: "features" },
|
|
{ label: "Pricing", href: "pricing" },
|
|
{ label: "Contact", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Help Center", href: "#" },
|
|
{ label: "Technical Support", href: "#" },
|
|
{ label: "Warranty", href: "#" },
|
|
{ label: "Trade-In", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Accessibility", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 iPhone. All rights reserved."
|
|
bottomRightText="Innovation for everyone."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |