Merge version_2 into main #1
200
src/app/page.tsx
200
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Award, Clock, Globe, Shield, Zap } from "lucide-react";
|
||||
import { Award, Clock, Droplets, Shield, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -25,83 +25,57 @@ export default function LandingPage() {
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<ReactLenis root options={{ lerp: 0.05, duration: 2.5 }}>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "features",
|
||||
},
|
||||
name: "Collections", id: "features"},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Impact", id: "metrics"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Community", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="3D Studio"
|
||||
brandName="AquaPure"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
title="Crafting Immersive 3D Digital Realms"
|
||||
description="Transforming static brands into interactive 3D ecosystems that breathe, move, and captivate."
|
||||
variant: "canvas-reveal"}}
|
||||
title="Pure Hydration, Redefined"
|
||||
description="Experience the perfect blend of sleek design and sustainable materials. Every sip counts towards a cleaner planet."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Exploring",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Shop Bottles", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-blue-fractal-background_1017-2724.jpg"
|
||||
imageAlt="3D abstract hero"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-water-bottle-with-water_23-2148700204.jpg"
|
||||
imageAlt="AquaPure Premium Bottle"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Interactive Experiences"
|
||||
description="We specialize in high-end 3D development for the modern web."
|
||||
title="Engineered for Life"
|
||||
description="Our bottles combine advanced thermal technology with ultra-durable materials to keep you hydrated anywhere."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Interactive 3D Environments",
|
||||
content: "Full browser-integrated 3D worlds that respond to scroll and user interactions.",
|
||||
},
|
||||
id: "a1", title: "Advanced Thermal Insulation", content: "Triple-wall insulation keeps beverages ice cold for 24 hours or steaming hot for 12."},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Real-time Motion Design",
|
||||
content: "High-performance animations that feel physical and organic.",
|
||||
},
|
||||
id: "a2", title: "Sustainable Materials", content: "Crafted from 100% recycled pro-grade stainless steel that is BPA-free."},
|
||||
{
|
||||
id: "a3",
|
||||
title: "Performance Optimization",
|
||||
content: "Blazing fast 3D graphics that scale beautifully across devices.",
|
||||
},
|
||||
id: "a3", title: "Leak-Proof Design", content: "Precision-engineered caps ensure zero leaks, even in the most rugged adventures."},
|
||||
{
|
||||
id: "a4",
|
||||
title: "Custom Shader Development",
|
||||
content: "Tailored visual effects that push the boundaries of WebGL.",
|
||||
},
|
||||
id: "a4", title: "Ergonomic Grip", content: "Textured powder coat finish designed for a perfect, secure hold in any condition."},
|
||||
{
|
||||
id: "a5",
|
||||
title: "Cross-Platform Integration",
|
||||
content: "Seamless 3D experiences integrated into existing CMS and tech stacks.",
|
||||
},
|
||||
id: "a5", title: "Lifetime Warranty", content: "We stand by our quality. Every bottle is built to last a lifetime of daily use."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-3d-personal-computer-with-workstation_23-2150713979.jpg"
|
||||
imageAlt="3D Workspace"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stainless-steel-water-bottles_23-2148700203.jpg"
|
||||
imageAlt="AquaPure Product Details"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -113,38 +87,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Active Users",
|
||||
value: "1.2M+",
|
||||
},
|
||||
id: "m1", icon: Zap,
|
||||
title: "Bottles Replaced", value: "1.5M+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "3D Awards",
|
||||
value: "45+",
|
||||
},
|
||||
id: "m2", icon: Award,
|
||||
title: "Design Awards", value: "24+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Shield,
|
||||
title: "Project Uptime",
|
||||
value: "99.9%",
|
||||
},
|
||||
id: "m3", icon: Shield,
|
||||
title: "Durability Rating", value: "10/10"},
|
||||
{
|
||||
id: "m4",
|
||||
icon: Globe,
|
||||
title: "Global Deployments",
|
||||
value: "120+",
|
||||
},
|
||||
id: "m4", icon: Droplets,
|
||||
title: "Liters Hydrated", value: "50M+"},
|
||||
{
|
||||
id: "m5",
|
||||
icon: Clock,
|
||||
title: "Hours Rendered",
|
||||
value: "50k+",
|
||||
},
|
||||
id: "m5", icon: Clock,
|
||||
title: "Hours Insulation", value: "24h+"},
|
||||
]}
|
||||
title="Impact in Numbers"
|
||||
description="Measurable results from our 3D engagements."
|
||||
title="Driven by Impact"
|
||||
description="See how AquaPure is changing the way the world hydrates."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -154,58 +113,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Wang",
|
||||
date: "Oct 2024",
|
||||
title: "CTO",
|
||||
quote: "The 3D interactive experience they created is absolutely unmatched.",
|
||||
tag: "Tech",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-businessman-posing-outside_74855-1551.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-posing-outside_74855-1551.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Jensen", date: "Dec 2024", title: "Athlete", quote: "The best insulation I've ever experienced in a water bottle. Stays cold during my long trail runs.", tag: "Outdoor", avatarSrc: "http://img.b2bpic.net/free-photo/woman-holding-water-bottle-running_23-2148700206.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-water-bottle-running_23-2148700206.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Smith",
|
||||
date: "Sep 2024",
|
||||
title: "Creative Lead",
|
||||
quote: "Seamless animations and impeccable performance.",
|
||||
tag: "Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/lovely-woman-looking-away-from-camera_23-2148323501.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-looking-away-from-camera_23-2148323501.jpg",
|
||||
},
|
||||
id: "2", name: "Marcus Thorne", date: "Nov 2024", title: "Commuter", quote: "Sleek, professional, and fits perfectly in my cup holder. A must-have for the office.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/man-drinking-from-bottle-office_23-2148700207.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-from-bottle-office_23-2148700207.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carol Lee",
|
||||
date: "Aug 2024",
|
||||
title: "Founder",
|
||||
quote: "Transformed our product site into a true work of art.",
|
||||
tag: "Retail",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-senior-businesswoman-looking-camera-sitting-brainstorming-room-preparing-meeting-with-partners-manager-working-professional-start-up-financial-business-ready-conference_482257-13715.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-businesswoman-looking-camera-sitting-brainstorming-room-preparing-meeting-with-partners-manager-working-professional-start-up-financial-business-ready-conference_482257-13715.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Zhou",
|
||||
date: "Jul 2024",
|
||||
title: "Manager",
|
||||
quote: "Deeply technical and creative execution.",
|
||||
tag: "Enterprise",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve Miller",
|
||||
date: "Jun 2024",
|
||||
title: "Head of Product",
|
||||
quote: "A masterclass in web-based 3D storytelling.",
|
||||
tag: "Agency",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-business-woman-dressed-blue-suit_1303-23984.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-dressed-blue-suit_1303-23984.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", date: "Oct 2024", title: "Teacher", quote: "I've dropped this multiple times and it hasn't dented once. Incredible build quality.", tag: "Lifestyle", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-teacher-with-bottle_23-2148700208.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-teacher-with-bottle_23-2148700208.jpg"},
|
||||
]}
|
||||
title="Industry Leaders Speak"
|
||||
description="Trusted by visionary brands around the globe."
|
||||
title="Loved by Our Community"
|
||||
description="Thousands of adventurers rely on AquaPure every single day."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -213,47 +128,36 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready to build the future?"
|
||||
description="Let's bring your vision into the 3rd dimension."
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Join the Movement"
|
||||
title="Stay Updated with AquaPure"
|
||||
description="Sign up for our newsletter to get early access to new colors and limited edition releases."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/metal-texture-with-grid_1048-4968.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-abstract-background_23-2148700209.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Work",
|
||||
href: "#features",
|
||||
},
|
||||
label: "The Classic", href: "#features"},
|
||||
{
|
||||
label: "Impact",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "The Sport", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#metrics"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sustainability", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="3D Studio"
|
||||
copyrightText="© 2025 | 3D Studio"
|
||||
logoText="AquaPure"
|
||||
copyrightText="© 2025 | AquaPure"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user