Files
fc3170f9-ae93-4bee-9299-e63…/src/app/page.tsx
2026-04-17 16:30:22 +00:00

191 lines
9.8 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="smallMedium"
sizing="largeSmall"
background="aurora"
cardStyle="outline"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Solutions", id: "#features" },
{ name: "Technology", id: "#about" },
{ name: "Analytics", id: "#metrics" },
{ name: "Contact", id: "#contact" },
]}
brandName="Double"
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="Double AI"
description="Multi-modal AI agent for predictive soil mechanics and structural risk analysis."
buttons={[{ text: "Secure Your Foundation", href: "#contact" }]}
slides={[
{ imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294476.jpg", imageAlt: "Futuristic Construction Site" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working-laptop_23-2148886881.jpg", imageAlt: "Data Analytics Overlay" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9apuuw", imageAlt: "Company Logo Detail" },
{ imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-468.jpg", imageAlt: "BIM Integration" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Site Model" },
{ imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-worker-programming-solar-manufacturing-machinery-closeup_482257-117810.jpg", imageAlt: "Predictive Interface" },
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Engineering the Ground Truth."
buttons={[{ text: "Learn More", href: "#features" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardOne
animationType="slide-up"
textboxLayout="split-description"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
features={[
{ title: "Soil Stratigraphy", description: "Automated subsurface geological mapping for improved structural planning.", imageSrc: "http://img.b2bpic.net/free-photo/technology-connection-online-networking-medias-conpt_53876-64965.jpg", imageAlt: "Soil Mapping" },
{ title: "Wind Load Simulation", description: "High-velocity atmospheric modeling for skyscraper structural safety.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg", imageAlt: "Wind Simulation" },
{ title: "Historical Ground Data", description: "Decades of geodata for long-term site stability benchmarking.", imageSrc: "http://img.b2bpic.net/free-photo/from-people-with-tablet-drafts_23-2147785603.jpg", imageAlt: "Geodata" },
{ title: "Real-time Weather", description: "Live integration for meteorological hazard anticipation and risk mitigation.", imageSrc: "http://img.b2bpic.net/free-photo/computer-display-empty-facility-used-upgrading-solar-plant-machinery_482257-118310.jpg", imageAlt: "Weather Integration" },
]}
title="Core AI Engine"
description="High-precision simulation and predictive analysis at your fingertips."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Mathematical Accuracy"
tag="Technical Precision"
metrics={[
{ id: "m1", value: "99.8%", description: "Soil Mapping Precision" },
{ id: "m2", value: "24/7", description: "Live Weather Sync" },
{ id: "m3", value: "500TB+", description: "Historical Data Analyzed" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="product" data-section="product">
<ProductCardOne
textboxLayout="split"
gridVariant="one-large-left-three-stacked-right"
animationType="slide-up"
useInvertedBackground={false}
products={[
{ id: "p1", name: "BIM Integration Module", price: "Enterprise", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-487.jpg", imageAlt: "BIM Tool" },
{ id: "p2", name: "Automated Blueprint Gen", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shuttlecock_53876-32069.jpg", imageAlt: "Blueprint Gen" },
{ id: "p3", name: "Deep Stratigraphy API", price: "Enterprise", imageSrc: "http://img.b2bpic.net/free-photo/pc-desk-empty-photovoltaics-factory-monitoring-system-performance-closeup_482257-118100.jpg", imageAlt: "API" },
{ id: "p4", name: "Risk Mitigation Suite", price: "Pro", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3pwcql", imageAlt: "Risk" },
{ id: "p5", name: "Sensor Data Sync", price: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg", imageAlt: "Sync" },
{ id: "p6", name: "Predictive Maintenance", price: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/mockup-pc-solar-panels-plant-used-build-environmentally-safe-solar-cells_482257-118064.jpg", imageAlt: "Predictive" },
]}
title="Technical Specs & BIM Integration"
description="Professional-grade blueprints and integration support."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
description="Industry authority and expertise in engineering the future."
testimonials={[
{ id: "t1", name: "John Doe", role: "Lead Engineer", company: "Global Build", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-safety-vest-crossed-arms_23-2148269352.jpg" },
{ id: "t2", name: "Jane Smith", role: "Site Manager", company: "Structura", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-signing-document_23-2148921394.jpg" },
{ id: "t3", name: "Marcus V.", role: "Engineering Dir", company: "GeoTech Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-managers-doing-handshake-celebrating-expanding-factory-production_482257-126157.jpg" },
{ id: "t4", name: "Sarah Lee", role: "Construction Lead", company: "Urbanity", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/engineer-helmet-standing-by-factory_1157-35518.jpg" },
{ id: "t5", name: "David Zhou", role: "CTO", company: "Infrastructure.io", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/engineer-photovoltaics-factory-taking-notes-upgrades-make_482257-118451.jpg" },
]}
title="Industry Authority"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Does Double support local BIM standards?", content: "Yes, Double integrates fully with international and regional BIM standards for construction planning." },
{ id: "f2", title: "How is AI risk analysis conducted?", content: "We employ deep learning neural networks trained on geological surveys and seismic data." },
{ id: "f3", title: "Can I integrate my own ground data?", content: "Absolutely, our API supports custom sensor data uploads directly from your field site equipment." },
]}
sideTitle="Expert Support"
sideDescription="Need clarification on our analytics modules? Consult our experts."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "animated-grid" }}
tag="Secure Your Foundation"
title="Request a consultation"
description="Speak with our geotechnical engineering specialists regarding your next major development project."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Solutions", items: [
{ label: "Engineering", href: "#about" },
{ label: "Analytics", href: "#features" },
{ label: "Risk Analysis", href: "#product" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Careers", href: "#" },
{ label: "Privacy", href: "#" },
],
},
{
title: "Legal", items: [
{ label: "Terms of Service", href: "#" },
{ label: "Security", href: "#" },
{ label: "Compliance", href: "#" },
],
},
]}
logoText="Double AI"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}