Merge version_1 into main #1
277
src/app/page.tsx
277
src/app/page.tsx
@@ -31,55 +31,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Design",
|
||||
id: "#design",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Specs",
|
||||
id: "#specs",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#support",
|
||||
},
|
||||
{ name: "Design", id: "#design" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Specs", id: "#specs" },
|
||||
{ name: "Support", id: "#support" },
|
||||
]}
|
||||
brandName="iPhone 17"
|
||||
button={{ text: "Buy Now", href: "#specs" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="iPhone 17. Beyond Tomorrow."
|
||||
description="Experience the most advanced display, camera, and processor ever engineered for a mobile device. Redefining what is possible."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-displayed-within-geometric-wireframe_187299-46683.jpg",
|
||||
imageAlt: "iphone 17 pro studio shot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/camera-lenses-arranged-white-block-against-isolated-white-background_23-2148038968.jpg",
|
||||
imageAlt: "smartphone lens macro photography",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-right-side-view-dark-background_187299-35342.jpg",
|
||||
imageAlt: "smartphone side profile titanium",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-home_23-2150639942.jpg",
|
||||
imageAlt: "smartphone display high definition",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-dark-concept-with-copy-space_23-2148459503.jpg",
|
||||
imageAlt: "modern phone on dark desk",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smartphone-displayed-within-geometric-wireframe_187299-46683.jpg", imageAlt: "iphone 17 pro studio shot" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/camera-lenses-arranged-white-block-against-isolated-white-background_23-2148038968.jpg", imageAlt: "smartphone lens macro photography" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-right-side-view-dark-background_187299-35342.jpg", imageAlt: "smartphone side profile titanium" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-home_23-2150639942.jpg", imageAlt: "smartphone display high definition" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-dark-concept-with-copy-space_23-2148459503.jpg", imageAlt: "modern phone on dark desk" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -92,18 +64,9 @@ export default function LandingPage() {
|
||||
title="A Masterpiece of Engineering"
|
||||
description="Crafted from aerospace-grade titanium and chemically strengthened glass, the iPhone 17 is both stronger and lighter than any predecessor."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision Milling",
|
||||
description: "Micro-tolerance CNC machining for a seamless frame.",
|
||||
},
|
||||
{
|
||||
title: "Advanced Resilience",
|
||||
description: "Ceramic shield front for enhanced drop protection.",
|
||||
},
|
||||
{
|
||||
title: "Ergonomic Grip",
|
||||
description: "Contoured edges designed for perfect comfort.",
|
||||
},
|
||||
{ title: "Precision Milling", description: "Micro-tolerance CNC machining for a seamless frame." },
|
||||
{ title: "Advanced Resilience", description: "Ceramic shield front for enhanced drop protection." },
|
||||
{ title: "Ergonomic Grip", description: "Contoured edges designed for perfect comfort." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-circuit-board-close-up_23-2149174366.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -115,21 +78,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Night Vision Pro",
|
||||
description: "Captured in near total darkness with incredible clarity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-man-trendy-fashionable-hipster-skinny-denim-jeans-making-photos-his-legs-feet-white-sneakers-smartphone-social-media_346278-1350.jpg",
|
||||
},
|
||||
{
|
||||
title: "Instant Motion",
|
||||
description: "Freeze split-second moments with pro-grade shutter speeds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tourist-watches-glacier-water-iceland_346278-268.jpg",
|
||||
},
|
||||
{
|
||||
title: "Hyper-Real AR",
|
||||
description: "The most immersive augmented reality experience yet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-abstract-wallpaper-coming-out-screen_23-2151033638.jpg",
|
||||
},
|
||||
{ title: "Night Vision Pro", description: "Captured in near total darkness with incredible clarity.", imageSrc: "http://img.b2bpic.net/free-photo/pov-man-trendy-fashionable-hipster-skinny-denim-jeans-making-photos-his-legs-feet-white-sneakers-smartphone-social-media_346278-1350.jpg" },
|
||||
{ title: "Instant Motion", description: "Freeze split-second moments with pro-grade shutter speeds.", imageSrc: "http://img.b2bpic.net/free-photo/tourist-watches-glacier-water-iceland_346278-268.jpg" },
|
||||
{ title: "Hyper-Real AR", description: "The most immersive augmented reality experience yet.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-abstract-wallpaper-coming-out-screen_23-2151033638.jpg" },
|
||||
]}
|
||||
title="Unrivaled Capability"
|
||||
description="Engineered for speed, durability, and creative expression."
|
||||
@@ -143,42 +94,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Obsidian Black",
|
||||
price: "$1,099",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033669.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Deep Blue",
|
||||
price: "$1,099",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-marine-composition-with-tablet_23-2148182501.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Natural Titanium",
|
||||
price: "$1,199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-surrounded-with-rosemary-black-pepper-garlic-dark-backdrop_23-2147917362.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sunset Gold",
|
||||
price: "$1,199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-taking-selfie_23-2148723387.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Polar White",
|
||||
price: "$1,099",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-phone-14-with-crescent-left-side-white-background_187299-35109.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Graphite",
|
||||
price: "$1,099",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-from-perspective-side-dark-background_187299-35318.jpg",
|
||||
},
|
||||
{ id: "1", name: "Obsidian Black", price: "$1,099", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033669.jpg" },
|
||||
{ id: "2", name: "Deep Blue", price: "$1,099", imageSrc: "http://img.b2bpic.net/free-photo/blue-marine-composition-with-tablet_23-2148182501.jpg" },
|
||||
{ id: "3", name: "Natural Titanium", price: "$1,199", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-surrounded-with-rosemary-black-pepper-garlic-dark-backdrop_23-2147917362.jpg" },
|
||||
{ id: "4", name: "Sunset Gold", price: "$1,199", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-taking-selfie_23-2148723387.jpg" },
|
||||
{ id: "5", name: "Polar White", price: "$1,099", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-phone-14-with-crescent-left-side-white-background_187299-35109.jpg" },
|
||||
{ id: "6", name: "Graphite", price: "$1,099", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-from-perspective-side-dark-background_187299-35318.jpg" },
|
||||
]}
|
||||
title="Choose Your Finish"
|
||||
description="Sophisticated hues for every professional style."
|
||||
@@ -191,21 +112,9 @@ export default function LandingPage() {
|
||||
title="Engineered for Excellence"
|
||||
tag="Performance Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "3x",
|
||||
description: "Faster Neural Processing",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "48h",
|
||||
description: "Extended Battery Life",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "120Hz",
|
||||
description: "ProMotion Adaptive Refresh",
|
||||
},
|
||||
{ id: "m1", value: "3x", description: "Faster Neural Processing" },
|
||||
{ id: "m2", value: "48h", description: "Extended Battery Life" },
|
||||
{ id: "m3", value: "120Hz", description: "ProMotion Adaptive Refresh" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -217,60 +126,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Chen",
|
||||
role: "Tech Lead",
|
||||
company: "Global Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Miller",
|
||||
role: "Creative Lead",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Okoro",
|
||||
role: "Founder",
|
||||
company: "InnovateLabs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Rossi",
|
||||
role: "Editor",
|
||||
company: "Digital Edge",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Thomas Wright",
|
||||
role: "Director",
|
||||
company: "FilmHouse",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-freelancer-photographer-holds-digital-camera-grey-background_613910-1558.jpg",
|
||||
},
|
||||
{ id: "1", name: "Marcus Chen", role: "Tech Lead", company: "Global Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg" },
|
||||
{ id: "2", name: "Sarah Miller", role: "Creative Lead", company: "DesignCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg" },
|
||||
{ id: "3", name: "David Okoro", role: "Founder", company: "InnovateLabs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg" },
|
||||
{ id: "4", name: "Elena Rossi", role: "Editor", company: "Digital Edge", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg" },
|
||||
{ id: "5", name: "Thomas Wright", role: "Director", company: "FilmHouse", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-freelancer-photographer-holds-digital-camera-grey-background_613910-1558.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "9.8/10",
|
||||
label: "Review Average",
|
||||
},
|
||||
{
|
||||
value: "1M+",
|
||||
label: "Early Adopters",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Customer Satisfaction",
|
||||
},
|
||||
{ value: "9.8/10", label: "Review Average" },
|
||||
{ value: "1M+", label: "Early Adopters" },
|
||||
{ value: "100%", label: "Customer Satisfaction" },
|
||||
]}
|
||||
title="The Industry Standard"
|
||||
description="See why experts call the iPhone 17 a technological revolution."
|
||||
@@ -281,35 +146,20 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the iPhone 17 waterproof?",
|
||||
content: "Yes, it features IP68 water and dust resistance rating.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I trade in my current phone?",
|
||||
content: "Absolutely, visit our trade-in page for instant credit.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What's in the box?",
|
||||
content: "The iPhone 17, a USB-C charging cable, and essential documentation.",
|
||||
},
|
||||
{ id: "q1", title: "Is the iPhone 17 waterproof?", content: "Yes, it features IP68 water and dust resistance rating." },
|
||||
{ id: "q2", title: "Can I trade in my current phone?", content: "Absolutely, visit our trade-in page for instant credit." },
|
||||
{ id: "q3", title: "What's in the box?", content: "The iPhone 17, a USB-C charging cable, and essential documentation." },
|
||||
]}
|
||||
sideTitle="Still have questions?"
|
||||
sideDescription="Contact our support team for any technical inquiries."
|
||||
faqsAnimation="blur-reveal"
|
||||
title="Questions Answered"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="support" data-section="support">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Get Updates"
|
||||
title="Stay Informed"
|
||||
description="Sign up for exclusive product announcements and early access to shipping notifications."
|
||||
@@ -321,54 +171,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Design",
|
||||
href: "#design",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Specs",
|
||||
href: "#specs",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#support",
|
||||
},
|
||||
{
|
||||
label: "Trade In",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "AppleCare",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Accessibility",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Design", href: "#design" }, { label: "Features", href: "#features" }, { label: "Specs", href: "#specs" }] },
|
||||
{ items: [{ label: "Support", href: "#support" }, { label: "Trade In", href: "#" }, { label: "AppleCare", href: "#" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }, { label: "Accessibility", href: "#" }] },
|
||||
]}
|
||||
logoText="iPhone 17"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user