bender/9975ccb7-07ae-47da-85f8-76fa903c0545
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 11:34:23 +00:00
parent 43e0b1d5ea
commit 0bfd235706
1 changed files with 42 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

308
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Overview",
id: "hero",
},
{
name: "Camera",
id: "camera-features",
},
{
name: "AI",
id: "ai-performance",
},
{
name: "Pricing",
id: "pricing",
},
{ name: "Overview", id: "hero" },
{ name: "Camera", id: "camera-features" },
{ name: "AI", id: "ai-performance" },
{ name: "Pricing", id: "pricing" },
]}
brandName="iPhone 17 Pro"
/>
@@ -55,48 +43,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated-grid",
}}
background={{ variant: "rotated-rays-animated-grid" }}
title="Pro Power Forged for Creators"
description="Experience the most powerful iPhone ever with an 8x optical zoom telephoto, 48MP Pro Fusion cameras, and breakthrough thermal design. Capture, edit, and create at a level previously impossible on mobile."
buttons={[
{
text: "Explore iPhone 17 Pro",
href: "#camera-features",
},
]}
buttons={[{ text: "Explore iPhone 17 Pro", href: "#camera-features" }]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/cool-dummy-head-with-xanadu-leaves_53876-100141.jpg",
imageAlt: "iPhone 17 Pro Black",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/photo-camera-still-life_23-2150630664.jpg",
imageAlt: "Lens detail",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/thin-straight-silver-metal-object-isolated-white-background_187299-47006.jpg",
imageAlt: "Titanium profile",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-defocused-man-holding-smartphone-outdoors-while-camping_23-2148704424.jpg",
imageAlt: "Retina display",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-3d-cinema-glasses-blue-background_23-2148188141.jpg",
imageAlt: "Thermal cooling",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-160689.jpg",
imageAlt: "Front glass design",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/cool-dummy-head-with-xanadu-leaves_53876-100141.jpg", imageAlt: "iPhone 17 Pro Black" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/photo-camera-still-life_23-2150630664.jpg", imageAlt: "Lens detail" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/thin-straight-silver-metal-object-isolated-white-background_187299-47006.jpg", imageAlt: "Titanium profile" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/front-view-defocused-man-holding-smartphone-outdoors-while-camping_23-2148704424.jpg", imageAlt: "Retina display" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-3d-cinema-glasses-blue-background_23-2148188141.jpg", imageAlt: "Thermal cooling" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-160689.jpg", imageAlt: "Front glass design" },
]}
/>
</div>
@@ -108,27 +65,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "8x",
title: "Optical Zoom",
description: "Unrivaled reach in the palm of your hand.",
icon: Camera,
},
{
id: "m2",
value: "48MP",
title: "Pro Fusion",
description: "Extraordinary resolution for deep detail.",
icon: Camera,
},
{
id: "m3",
value: "2x",
title: "Thermal Flow",
description: "Better sustained performance.",
icon: Gauge,
},
{ id: "m1", value: "8x", title: "Optical Zoom", description: "Unrivaled reach in the palm of your hand.", icon: Camera },
{ id: "m2", value: "48MP", title: "Pro Fusion", description: "Extraordinary resolution for deep detail.", icon: Camera },
{ id: "m3", value: "2x", title: "Thermal Flow", description: "Better sustained performance.", icon: Gauge },
]}
title="Performance at a Glance"
description="Redefining limits for mobile performance."
@@ -137,42 +76,19 @@ export default function LandingPage() {
<div id="camera-features" data-section="camera-features">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Pro Fusion Optics",
author: "Apple",
description: "Ultra-sharp image quality for every shot.",
tags: [
"Photo",
"Pro",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-synthetic-leather-jacket-using-camera-while-outdoors_23-2149448425.jpg",
},
id: "f1", title: "Pro Fusion Optics", author: "Apple", description: "Ultra-sharp image quality for every shot.", tags: ["Photo", "Pro"],
imageSrc: "http://img.b2bpic.net/free-photo/woman-synthetic-leather-jacket-using-camera-while-outdoors_23-2149448425.jpg"},
{
id: "f2",
title: "ProRes RAW Video",
author: "Apple",
description: "Industry standard codec support.",
tags: [
"Video",
"Pro",
],
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139260.jpg",
},
id: "f2", title: "ProRes RAW Video", author: "Apple", description: "Industry standard codec support.", tags: ["Video", "Pro"],
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139260.jpg"},
{
id: "f3",
title: "Night Vision",
author: "Apple",
description: "Stunning clarity in low-light environments.",
tags: [
"Night",
"Photo",
],
imageSrc: "http://img.b2bpic.net/free-photo/technological-background-concept_23-2148882611.jpg",
},
id: "f3", title: "Night Vision", author: "Apple", description: "Stunning clarity in low-light environments.", tags: ["Night", "Photo"],
imageSrc: "http://img.b2bpic.net/free-photo/technological-background-concept_23-2148882611.jpg"},
]}
title="Professional Camera System"
description="Redefine your artistic vision with the latest camera innovations."
@@ -184,21 +100,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Breakthrough Thermal Design"
metrics={[
{
icon: Box,
label: "Cooling System",
value: "Active",
},
{
icon: Zap,
label: "Chip",
value: "A19 Pro",
},
{
icon: Shield,
label: "Performance",
value: "Max",
},
{ icon: Box, label: "Cooling System", value: "Active" },
{ icon: Zap, label: "Chip", value: "A19 Pro" },
{ icon: Shield, label: "Performance", value: "Max" },
]}
metricsAnimation="slide-up"
/>
@@ -211,42 +115,12 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Intelligence Engine",
price: "AI-Powered",
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-spotlight_84443-86318.jpg",
},
{
id: "p2",
name: "Advanced Editing",
price: "Creative",
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5147.jpg",
},
{
id: "p3",
name: "Workflow Optimization",
price: "Fast",
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-14-pro-perspective-side-view_187299-35240.jpg",
},
{
id: "p4",
name: "Real-time Processing",
price: "Instant",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-pop-abstract-background-with-vivid-primary-colors_58702-1479.jpg",
},
{
id: "p5",
name: "Neural Engine",
price: "Smart",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-technology-background-network-communications-sound-waves_1048-13254.jpg",
},
{
id: "p6",
name: "Adaptive Workflow",
price: "Efficient",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-presenting-invisible-hologram-projecting-from-tablet-advanced-technology_53876-105191.jpg",
},
{ id: "p1", name: "Intelligence Engine", price: "AI-Powered", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-spotlight_84443-86318.jpg" },
{ id: "p2", name: "Advanced Editing", price: "Creative", imageSrc: "http://img.b2bpic.net/free-phone/new-cell-phone-white-background_58702-5147.jpg" },
{ id: "p3", name: "Workflow Optimization", price: "Fast", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-14-pro-perspective-side-view_187299-35240.jpg" },
{ id: "p4", name: "Real-time Processing", price: "Instant", imageSrc: "http://img.b2bpic.net/free-photo/blurred-pop-abstract-background-with-vivid-primary-colors_58702-1479.jpg" },
{ id: "p5", name: "Neural Engine", price: "Smart", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-technology-background-network-communications-sound-waves_1048-13254.jpg" },
{ id: "p6", name: "Adaptive Workflow", price: "Efficient", imageSrc: "http://img.b2bpic.net/free-photo/businessman-presenting-invisible-hologram-projecting-from-tablet-advanced-technology_53876-105191.jpg" },
]}
title="AI Innovation"
description="Experience the most intelligent iPhone features powered by cutting-edge neural processing."
@@ -259,41 +133,11 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
handle: "@creator",
testimonial: "The best tool in my workflow.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-beauty-content-creator-sitting-room-front-digital-camera_1258-255089.jpg",
},
{
id: "t2",
name: "Mark C.",
handle: "@tech",
testimonial: "Incredible performance gains.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-smiling-working-his-living-room_482257-126267.jpg",
},
{
id: "t3",
name: "Elena R.",
handle: "@pro",
testimonial: "Camera quality is unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/serious-man-with-crossed-arms_1122-1449.jpg",
},
{
id: "t4",
name: "David K.",
handle: "@design",
testimonial: "A true pro-grade device.",
imageSrc: "http://img.b2bpic.net/free-photo/traveler-photographer-studio-portrait-handsome-bearded_613910-12325.jpg",
},
{
id: "t5",
name: "Lina M.",
handle: "@director",
testimonial: "Essential for my daily tasks.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-text-messaging-smart-phone_329181-744.jpg",
},
{ id: "t1", name: "Sarah J.", handle: "@creator", testimonial: "The best tool in my workflow.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-beauty-content-creator-sitting-room-front-digital-camera_1258-255089.jpg" },
{ id: "t2", name: "Mark C.", handle: "@tech", testimonial: "Incredible performance gains.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-smiling-working-his-living-room_482257-126267.jpg" },
{ id: "t3", name: "Elena R.", handle: "@pro", testimonial: "Camera quality is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/serious-man-with-crossed-arms_1122-1449.jpg" },
{ id: "t4", name: "David K.", handle: "@design", testimonial: "A true pro-grade device.", imageSrc: "http://img.b2bpic.net/free-photo/traveler-photographer-studio-portrait-handsome-bearded_613910-12325.jpg" },
{ id: "t5", name: "Lina M.", handle: "@director", testimonial: "Essential for my daily tasks.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-text-messaging-smart-phone_329181-744.jpg" },
]}
title="What Creators Say"
description="Trusted by industry professionals worldwide."
@@ -306,51 +150,9 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={true}
plans={[
{
id: "plan1",
price: "$999",
name: "iPhone 17 Pro",
buttons: [
{
text: "Buy Now",
href: "#",
},
],
features: [
"128GB Storage",
"Titanium Design",
],
},
{
id: "plan2",
price: "$1099",
name: "iPhone 17 Pro Max",
buttons: [
{
text: "Buy Now",
href: "#",
},
],
features: [
"256GB Storage",
"Larger Display",
],
},
{
id: "plan3",
price: "$1299",
name: "iPhone 17 Pro Elite",
buttons: [
{
text: "Buy Now",
href: "#",
},
],
features: [
"512GB Storage",
"Pro Capabilities",
],
},
{ id: "plan1", price: "$999", name: "iPhone 17 Pro", buttons: [{ text: "Buy Now", href: "#" }], features: ["128GB Storage", "Titanium Design"] },
{ id: "plan2", price: "$1099", name: "iPhone 17 Pro Max", buttons: [{ text: "Buy Now", href: "#" }], features: ["256GB Storage", "Larger Display"] },
{ id: "plan3", price: "$1299", name: "iPhone 17 Pro Elite", buttons: [{ text: "Buy Now", href: "#" }], features: ["512GB Storage", "Pro Capabilities"] },
]}
title="Upgrade Your iPhone"
description="Choose the best plan to own your iPhone 17 Pro."
@@ -360,9 +162,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="News"
title="Stay Updated"
description="Get the latest updates on iPhone 17 Pro."
@@ -374,32 +174,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Products",
items: [
{
label: "iPhone 17 Pro",
href: "#",
},
{
label: "Compare",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Support",
href: "#",
},
],
},
{ title: "Products", items: [{ label: "iPhone 17 Pro", href: "#" }, { label: "Compare", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Support", href: "#" }] },
]}
logoText="iPhone 17 Pro"
/>