Update src/app/page.tsx
This commit is contained in:
250
src/app/page.tsx
250
src/app/page.tsx
@@ -2,164 +2,130 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Target } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import { Target, MapPin, Zap, BrainCircuit, BookOpenText } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSignup from '@/components/sections/hero/HeroSignup';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="large"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "ATLAS", id: "atlas" },
|
||||
{ name: "RSU", id: "rsu" },
|
||||
{ name: "MATRIX", id: "matrix" },
|
||||
{ name: "ACADEMY", id: "academy" },
|
||||
{ name: "TWINS", id: "twins" }
|
||||
]}
|
||||
brandName="DA"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "MATRIX", id: "matrix" },
|
||||
{ name: "RSU", id: "rsu" },
|
||||
{ name: "TWINS", id: "twins" },
|
||||
{ name: "ATLAS", id: "atlas" },
|
||||
{ name: "CONTACT", id: "contact" }
|
||||
]}
|
||||
brandName="DA"
|
||||
button={{ text: "COMMISSION" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="DA"
|
||||
description="Designing the Future of Creative Sovereignty"
|
||||
buttons={[
|
||||
{ text: "ENTER THE ATLAS", href: "#atlas" },
|
||||
{ text: "COMMISSION DA", href: "#contact" }
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/urban-scenery-seen-through-stone-railing_1359-972.jpg", imageAlt: "modern luxury cinematic landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/neon-lit-skatepark-sunset_23-2151986963.jpg", imageAlt: "Neon lit skatepark at sunset" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-gateway-portal-with-desert-landscape_23-2151239086.jpg", imageAlt: "Fantasy style gateway or portal with desert landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797681.jpg", imageAlt: "Modern office space with futuristic decor and furniture" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797723.jpg", imageAlt: "View of modern and futuristic work space with furniture" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSignup
|
||||
tag="TACTICAL LUXURY ARCHITECTURE"
|
||||
title="Designing the Future of Creative Sovereignty"
|
||||
description="DA provides geospatial intelligence, rapid logistics, and digital asset production for the world's most ambitious filmmakers."
|
||||
background={{ variant: "downward-rays-animated" }}
|
||||
buttonText="GET STARTED"
|
||||
onSubmit={(email) => console.log(email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="matrix" data-section="matrix">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Visual Matching", description: "Reference images matched against 47 location profiles.", imageSrc: "http://img.b2bpic.net/free-photo/starry-sky-desert-tent_84443-7796.jpg" },
|
||||
{ title: "Golden Hour", description: "365-day solar positioning analysis for every site.", imageSrc: "http://img.b2bpic.net/free-photo/religious-holy-mat-praying_23-2148288835.jpg" },
|
||||
{ title: "Terrain Index", description: "Class 1-4 difficulty ratings for every location.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-sandy-beach-cloudy-sky-leba-poland_181624-16132.jpg" }
|
||||
]}
|
||||
title="DA MATRIX"
|
||||
description="AI geospatial intelligence engine to index Saudi terrain."
|
||||
/>
|
||||
</div>
|
||||
<div id="matrix" data-section="matrix">
|
||||
<FeatureCardSeven
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
title="DA MATRIX"
|
||||
description="AI geospatial intelligence engine for extreme environments."
|
||||
features={[
|
||||
{ title: "Visual Matching", description: "47 unique location profiles mapped." },
|
||||
{ title: "Solar Positioning", description: "365-day golden hour predictive analysis." },
|
||||
{ title: "Terrain Indexing", description: "Class 1-4 difficulty site certification." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rsu" data-section="rsu">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "<6 HRS", description: "Response time for all regional assets" },
|
||||
{ id: "2", value: "500KW", description: "Off-grid power capacity" },
|
||||
{ id: "3", value: "98.7%", description: "Permit success rate" }
|
||||
]}
|
||||
title="RAPID SUPPORT UNITS"
|
||||
description="Before your crew lands, we are already there."
|
||||
/>
|
||||
</div>
|
||||
<div id="rsu" data-section="rsu">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
title="RAPID SUPPORT UNITS"
|
||||
description="Before your crew lands, we are already operational."
|
||||
metrics={[
|
||||
{ id: "rsu-1", icon: Zap, title: "Response Time", value: "<6 HRS" },
|
||||
{ id: "rsu-2", icon: MapPin, title: "Power Capacity", value: "500KW" },
|
||||
{ id: "rsu-3", icon: BrainCircuit, title: "Permit Success", value: "98.7%" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="twins" data-section="twins">
|
||||
<TestimonialAboutCard
|
||||
icon={Target}
|
||||
useInvertedBackground={false}
|
||||
tag="DIGITAL TWIN SOVEREIGNTY"
|
||||
title="Own the data of here."
|
||||
description="DA processes field deployments into publication-grade licensed Digital Twins of extraordinary terrain."
|
||||
subdescription="Sold to global gaming, metaverse, and virtual production industries."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/antelope-canyon-arizona_53876-75119.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="twins" data-section="twins">
|
||||
<TestimonialAboutCard
|
||||
tag="DIGITAL TWIN"
|
||||
title="Own the data of here."
|
||||
description="DA processes field deployments into publication-grade licensed Digital Twins."
|
||||
subdescription="High-fidelity environment assets for gaming and virtual production."
|
||||
icon={Target}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/antelope-canyon-arizona_53876-75119.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="atlas" data-section="atlas">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Tuwaiq Escarpment", price: "Class 1", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-walking-canyon-landscape_23-2148232301.jpg" },
|
||||
{ id: "2", name: "Old Diriyah", price: "Heritage", imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098544.jpg" },
|
||||
{ id: "3", name: "Rub al-Khali", price: "Class 4", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-sand-dunes-dry-field-distance_181624-1489.jpg" },
|
||||
{ id: "4", name: "AlUla Rock City", price: "Class 2", imageSrc: "http://img.b2bpic.net/free-photo/desert-landscape_1361-196.jpg" },
|
||||
{ id: "5", name: "Aseer Forest", price: "Class 3", imageSrc: "http://img.b2bpic.net/free-photo/thar-desert-rajasthan-india_53876-31317.jpg" },
|
||||
{ id: "6", name: "Hegra Tombs", price: "Heritage", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-canyonlands-national-park-utah-usa_181624-39668.jpg" }
|
||||
]}
|
||||
title="THE CINEMATIC ATLAS"
|
||||
description="47 classified Saudi locations mapped for production."
|
||||
/>
|
||||
</div>
|
||||
<div id="atlas" data-section="atlas">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
title="HIDDEN GEMS ATLAS"
|
||||
description="Classified Saudi locations mapped for production teams."
|
||||
products={[
|
||||
{ id: "p1", name: "Tuwaiq Escarpment", price: "Class 1", variant: "Geo-Asset", imageSrc: "https://img.b2bpic.net/free-photo/long-shot-man-walking-canyon-landscape_23-2148232301.jpg" },
|
||||
{ id: "p2", name: "Old Diriyah", price: "Class 2", variant: "Geo-Asset", imageSrc: "https://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098544.jpg" },
|
||||
{ id: "p3", name: "Rub al-Khali", price: "Class 4", variant: "Geo-Asset", imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-sand-dunes-dry-field-distance_181624-1489.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Your next production belongs here."
|
||||
description="Brief the RSU. Enter the Atlas. DA operates on invitation and intent."
|
||||
inputs={[
|
||||
{ name: "Company", type: "text", placeholder: "Production Company" },
|
||||
{ name: "Name", type: "text", placeholder: "Director / Creator Name" },
|
||||
{ name: "Email", type: "email", placeholder: "Email Address" }
|
||||
]}
|
||||
buttonText="COMMISSION DA"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-sandy-hills-breathtaking-colorful-sky-captured-northern-brazil_181624-24258.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="COMMISSION"
|
||||
title="Your next production belongs here."
|
||||
description="Brief the RSU, enter the Atlas, and secure your location assets."
|
||||
buttons={[{ text: "COMMISSION DA", href: "#contact" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "COMMAND", items: [
|
||||
{ label: "ATLAS", href: "#atlas" },
|
||||
{ label: "RSU", href: "#rsu" },
|
||||
{ label: "MATRIX", href: "#matrix" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "SYSTEMS", items: [
|
||||
{ label: "ACADEMY", href: "#" },
|
||||
{ label: "TWINS", href: "#twins" },
|
||||
{ label: "CONTACT", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="DA"
|
||||
copyrightText="© DA · Mohammed Al-Ajami · All Rights Reserved · 24.7136°N 46.6753°E"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="DA"
|
||||
columns={[
|
||||
{ title: "COMMAND", items: [{ label: "ATLAS", href: "#atlas" }, { label: "RSU", href: "#rsu" }] },
|
||||
{ title: "SYSTEMS", items: [{ label: "MATRIX", href: "#matrix" }, { label: "TWINS", href: "#twins" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user