Merge version_1 into main #1
473
src/app/page.tsx
473
src/app/page.tsx
@@ -18,344 +18,165 @@ import { Zap } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "work",
|
||||
},
|
||||
{
|
||||
name: "Systems",
|
||||
id: "systems",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "Apply",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="FUTURIX MEDIA"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Work", id: "work" },
|
||||
{ name: "Systems", id: "systems" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Apply", id: "contact" },
|
||||
]}
|
||||
brandName="FUTURIX MEDIA"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Engineering growth through AI intelligence."
|
||||
description="We build high-performance marketing systems that scale brands beyond linear logic. Experience the next evolution of digital acquisition."
|
||||
tag="FUTURIX MEDIA"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-social-media-icons_1048-8398.jpg",
|
||||
imageAlt: "Abstract system visual",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-science-background-with-plexus-design_1048-13217.jpg",
|
||||
imageAlt: "Abstract system visual secondary",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-low-poly-plexus-design_1048-13423.jpg",
|
||||
imageAlt: "Abstract tech background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background_1048-8572.jpg",
|
||||
imageAlt: "Abstract techno background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-blue-hud-interface-laptop-concept_53876-15831.jpg",
|
||||
imageAlt: "Digital Hud Interface",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Trusted by industry leaders"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Engineering growth through AI intelligence."
|
||||
description="We build high-performance marketing systems that scale brands beyond linear logic. Experience the next evolution of digital acquisition."
|
||||
tag="FUTURIX MEDIA"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-social-media-icons_1048-8398.jpg", imageAlt: "Abstract system visual"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-science-background-with-plexus-design_1048-13217.jpg", imageAlt: "Abstract system visual secondary"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Trusted by industry leaders"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust-bar" data-section="trust-bar">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Nasa",
|
||||
"SpaceX",
|
||||
"Uber",
|
||||
"Visa",
|
||||
"Grab",
|
||||
"Bose",
|
||||
"Sony",
|
||||
]}
|
||||
title="Engineered for excellence"
|
||||
description="The world's most forward-thinking organizations choose our infrastructure."
|
||||
/>
|
||||
</div>
|
||||
<div id="trust-bar" data-section="trust-bar">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Nasa", "SpaceX", "Uber", "Visa", "Grab", "Bose", "Sony"]}
|
||||
title="Engineered for excellence"
|
||||
description="The world's most forward-thinking organizations choose our infrastructure."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="systems" data-section="systems">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={true}
|
||||
title="Autonomous Marketing Systems"
|
||||
description="Proprietary engines that automate, scale, and optimize growth vectors in real-time."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Predictive Acquisition Engine",
|
||||
content: "AI-driven demand harvesting that anticipates audience intent.",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Dynamic Content Orchestration",
|
||||
content: "Hyper-personalized messaging loops that adapt every second.",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Growth Infrastructure Optimization",
|
||||
content: "Systems architecture designed for infinite scalability.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-153340.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="systems" data-section="systems">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={true}
|
||||
title="Autonomous Marketing Systems"
|
||||
description="Proprietary engines that automate, scale, and optimize growth vectors in real-time."
|
||||
accordionItems={[
|
||||
{ id: "s1", title: "Predictive Acquisition Engine", content: "AI-driven demand harvesting that anticipates audience intent." },
|
||||
{ id: "s2", title: "Dynamic Content Orchestration", content: "Hyper-personalized messaging loops that adapt every second." },
|
||||
{ id: "s3", title: "Growth Infrastructure Optimization", content: "Systems architecture designed for infinite scalability." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-153340.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="OUR PROCESS"
|
||||
title="Systematic execution."
|
||||
description="We don't do campaigns; we install intelligence."
|
||||
subdescription="Every implementation follows a high-fidelity audit and deployment pipeline."
|
||||
icon={Zap}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-technology-background_1017-3288.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="process" data-section="process">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="OUR PROCESS"
|
||||
title="Systematic execution."
|
||||
description="We don't do campaigns; we install intelligence."
|
||||
subdescription="Every implementation follows a high-fidelity audit and deployment pipeline."
|
||||
icon={Zap}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-technology-background_1017-3288.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Operational Impact"
|
||||
tag="METRICS"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "450%",
|
||||
description: "Avg growth efficiency",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Continuous optimization",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "0.1ms",
|
||||
description: "Data latency",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Operational Impact"
|
||||
tag="METRICS"
|
||||
metrics={[
|
||||
{ id: "m1", value: "450%", description: "Avg growth efficiency" },
|
||||
{ id: "m2", value: "24/7", description: "Continuous optimization" },
|
||||
{ id: "m3", value: "0.1ms", description: "Data latency" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="case-studies" data-section="case-studies">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Enterprise",
|
||||
name: "Growth System v4.0",
|
||||
price: "High Impact",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-132949.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Enterprise",
|
||||
name: "AI Demand Engine",
|
||||
price: "Scalable",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Enterprise",
|
||||
name: "Content Orchestration",
|
||||
price: "Dynamic",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-114026.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Enterprise",
|
||||
name: "Pipeline Automation",
|
||||
price: "Autonomous",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974244.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Enterprise",
|
||||
name: "Neural Data Loop",
|
||||
price: "High Fidelity",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139360.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Enterprise",
|
||||
name: "System Audit",
|
||||
price: "Foundational",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599250.jpg",
|
||||
},
|
||||
]}
|
||||
title="Deployment Case Studies"
|
||||
description="Proven results for high-stakes environments."
|
||||
/>
|
||||
</div>
|
||||
<div id="case-studies" data-section="case-studies">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Enterprise", name: "Growth System v4.0", price: "High Impact", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-132949.jpg" },
|
||||
{ id: "p2", brand: "Enterprise", name: "AI Demand Engine", price: "Scalable", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg" },
|
||||
{ id: "p3", brand: "Enterprise", name: "Content Orchestration", price: "Dynamic", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-114026.jpg" },
|
||||
]}
|
||||
title="Deployment Case Studies"
|
||||
description="Proven results for high-stakes environments."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Vance",
|
||||
role: "CMO",
|
||||
company: "Global Logic",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Sterling",
|
||||
role: "CEO",
|
||||
company: "NexGen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Chen",
|
||||
role: "Director",
|
||||
company: "Vantage",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Thorne",
|
||||
role: "COO",
|
||||
company: "Ironclad",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Low",
|
||||
role: "Founder",
|
||||
company: "Aura",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
]}
|
||||
title="System Validation"
|
||||
description="Leaders operating within our ecosystems."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Elena Vance", role: "CMO", company: "Global Logic", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg" },
|
||||
{ id: "2", name: "Mark Sterling", role: "CEO", company: "NexGen", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg" },
|
||||
{ id: "3", name: "Sarah Chen", role: "Director", company: "Vantage", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg" },
|
||||
{ id: "4", name: "David Thorne", role: "COO", company: "Ironclad", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg" },
|
||||
{ id: "5", name: "Jessica Low", role: "Founder", company: "Aura", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
|
||||
]}
|
||||
title="System Validation"
|
||||
description="Leaders operating within our ecosystems."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="final-cta" data-section="final-cta">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "base",
|
||||
badge: "Core",
|
||||
price: "Infrastructure",
|
||||
subtitle: "Foundation builds",
|
||||
features: [
|
||||
"Full audit",
|
||||
"System setup",
|
||||
"Basic reporting",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "mid",
|
||||
badge: "Growth",
|
||||
price: "High-Performance",
|
||||
subtitle: "Scaling operations",
|
||||
features: [
|
||||
"Automation loops",
|
||||
"Neural data",
|
||||
"Dedicated team",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Elite",
|
||||
price: "Autonomous",
|
||||
subtitle: "Total dominance",
|
||||
features: [
|
||||
"Fully managed",
|
||||
"Predictive strategy",
|
||||
"Priority access",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Ready for high-fidelity growth?"
|
||||
description="Select the engagement model that matches your current system needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="final-cta" data-section="final-cta">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "base", badge: "Core", price: "Infrastructure", subtitle: "Foundation builds", features: ["Full audit", "System setup", "Basic reporting"] },
|
||||
{ id: "mid", badge: "Growth", price: "High-Performance", subtitle: "Scaling operations", features: ["Automation loops", "Neural data", "Dedicated team"] },
|
||||
{ id: "pro", badge: "Elite", price: "Autonomous", subtitle: "Total dominance", features: ["Fully managed", "Predictive strategy", "Priority access"] },
|
||||
]}
|
||||
title="Ready for high-fidelity growth?"
|
||||
description="Select the engagement model that matches your current system needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="CONTACT"
|
||||
title="Connect your brand to the future."
|
||||
description="Secure your strategy session."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="CONTACT"
|
||||
title="Connect your brand to the future."
|
||||
description="Secure your strategy session."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="FUTURIX MEDIA"
|
||||
copyrightText="© 2025 FUTURIX MEDIA | High-end Marketing Systems"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="FUTURIX MEDIA"
|
||||
copyrightText="© 2025 FUTURIX MEDIA | High-end Marketing Systems"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user