Merge version_2 into main #3

Merged
bender merged 1 commits from version_2 into main 2026-04-21 22:00:32 +00:00

View File

@@ -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>
);
}
}