Merge version_2 into main #3
114
src/app/page.tsx
114
src/app/page.tsx
@@ -31,27 +31,25 @@ 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: "Legacy", id: "#design" },
|
||||
{ name: "Armor", id: "#features" },
|
||||
{ name: "Tech", id: "#specs" },
|
||||
{ name: "Contact", id: "#support" },
|
||||
]}
|
||||
brandName="iPhone 17"
|
||||
button={{ text: "Buy Now", href: "#specs" }}
|
||||
brandName="Stark Industries"
|
||||
button={{ text: "Get Armor", href: "#specs" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
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."
|
||||
title="Iron Man. The Future of Defense."
|
||||
description="Tony Stark's legacy. Advanced arc reactor technology housed in aerospace titanium. The most powerful suit ever built."
|
||||
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: "https://img.b2bpic.net/free-photo/glowing-neon-futuristic-technology-background_23-2148419616.jpg", imageAlt: "Iron man armor prototype" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2148419630.jpg", imageAlt: "Arc reactor close up" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/abstract-blue-glowing-lines_23-2148419650.jpg", imageAlt: "Suit HUD interface" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -61,14 +59,14 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
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."
|
||||
title="Engineered by Stark"
|
||||
description="Forged with gold-titanium alloy, this suit isn't just armor; it's a mobile powerhouse. Unmatched flight control and ballistic defense."
|
||||
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: "Repulsor Tech", description: "High-output energy blasts for precision defense." },
|
||||
{ title: "Flight Array", description: "Vector-stabilized propulsion systems." },
|
||||
{ title: "AI Integration", description: "Advanced neural mapping for real-time tactical analysis." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-circuit-board-close-up_23-2149174366.jpg"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/modern-technology-concept-with-glowing-elements_23-2148419642.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -78,12 +76,12 @@ 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: "Mark LXXXV", description: "The latest nanotech iteration for total protection.", imageSrc: "https://img.b2bpic.net/free-photo/futuristic-armor-detail_23-2148419665.jpg" },
|
||||
{ title: "Tactical HUD", description: "Real-time threat assessment and diagnostics.", imageSrc: "https://img.b2bpic.net/free-photo/digital-interface-screen_23-2148419678.jpg" },
|
||||
{ title: "Energy Storage", description: "Integrated Arc Reactor providing unlimited mobility.", imageSrc: "https://img.b2bpic.net/free-photo/glowing-core-reactor_23-2148419690.jpg" },
|
||||
]}
|
||||
title="Unrivaled Capability"
|
||||
description="Engineered for speed, durability, and creative expression."
|
||||
title="Core Capabilities"
|
||||
description="Engineered for absolute dominance in the skies."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -94,27 +92,24 @@ 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: "Titanium Gold", price: "Classified", imageSrc: "https://img.b2bpic.net/free-photo/shiny-metal-armor-surface_23-2148419705.jpg" },
|
||||
{ id: "2", name: "Stealth Matte", price: "Classified", imageSrc: "https://img.b2bpic.net/free-photo/black-carbon-fiber-texture_23-2148419715.jpg" },
|
||||
{ id: "3", name: "Hot Rod Red", price: "Classified", imageSrc: "https://img.b2bpic.net/free-photo/metallic-red-surface_23-2148419725.jpg" },
|
||||
]}
|
||||
title="Choose Your Finish"
|
||||
description="Sophisticated hues for every professional style."
|
||||
title="Suite Models"
|
||||
description="Select your tactical configuration."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Engineered for Excellence"
|
||||
tag="Performance Stats"
|
||||
title="Suit Performance"
|
||||
tag="Tactical Metrics"
|
||||
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: "Mach 3", description: "Maximum Flight Speed" },
|
||||
{ id: "m2", value: "100%", description: "Ballistic Efficiency" },
|
||||
{ id: "m3", value: "Infinite", description: "System Energy Reserve" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -126,19 +121,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: "Pepper Potts", role: "CEO", company: "Stark Industries", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/portrait-successful-business-woman_1163-4560.jpg" },
|
||||
{ id: "2", name: "James Rhodes", role: "Colonel", company: "Air Force", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/military-officer-portrait_1163-4580.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "9.8/10", label: "Review Average" },
|
||||
{ value: "1M+", label: "Early Adopters" },
|
||||
{ value: "100%", label: "Customer Satisfaction" },
|
||||
{ value: "100+", label: "Tactical Missions" },
|
||||
{ value: "99.9%", label: "Mission Success" },
|
||||
{ value: "50", label: "Armor Variants" },
|
||||
]}
|
||||
title="The Industry Standard"
|
||||
description="See why experts call the iPhone 17 a technological revolution."
|
||||
title="Trusted by Heroes"
|
||||
description="The ultimate gear for the planet's defenders."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -146,12 +138,12 @@ 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 armor EMP-proof?", content: "Yes, the suit is shielded against all known electromagnetic pulse interference." },
|
||||
{ id: "q2", title: "Can it be operated remotely?", content: "Integrated JARVIS AI ensures seamless remote pilot assist." },
|
||||
{ id: "q3", title: "Does it have life support?", content: "Fully pressurized cabin for operations in space or extreme depths." },
|
||||
]}
|
||||
sideTitle="Still have questions?"
|
||||
sideDescription="Contact our support team for any technical inquiries."
|
||||
sideTitle="Technical FAQs"
|
||||
sideDescription="Inquiries regarding Stark suit technology."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -160,10 +152,10 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Get Updates"
|
||||
title="Stay Informed"
|
||||
description="Sign up for exclusive product announcements and early access to shipping notifications."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-illustration-smartphone-with-paper-bags-gift-boxes-online-shopping-e-commerce-concept_58466-14625.jpg"
|
||||
tag="Join Stark Industries"
|
||||
title="Stark Industries Portal"
|
||||
description="Get access to proprietary tech reports and security updates."
|
||||
imageSrc="https://img.b2bpic.net/free-photo/futuristic-design-lab_23-2148419750.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -171,14 +163,14 @@ 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: "Armor", href: "#features" }, { label: "Specs", href: "#specs" }] },
|
||||
{ items: [{ label: "Support", href: "#support" }, { label: "Security", href: "#" }, { label: "Auth", href: "#" }] },
|
||||
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "Ethics", href: "#" }] },
|
||||
]}
|
||||
logoText="iPhone 17"
|
||||
logoText="Stark Industries"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user