Compare commits
13 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 21ba2f8e22 | |||
| 6fb890c738 | |||
| a164e503bf | |||
| a7629a714f | |||
| c3bcf5f3a5 | |||
| 161e5872d7 | |||
| 5822c85521 | |||
| 20d9390be5 | |||
| 17233bfd80 | |||
| 700f8c5a06 | |||
| 7723114470 | |||
| dc4af640a3 | |||
| 75379998d6 |
318
src/app/page.tsx
318
src/app/page.tsx
@@ -2,14 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -18,216 +19,125 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
contentWidth="medium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="AURION"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="AURION"
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Track Your Health. Master Your Life."
|
||||
description="Precision smart ring that monitors sleep, recovery, and performance — in a sleek design. Get clear daily insights your body is already sending."
|
||||
tag="Elevate Your Biohacking"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Aurion", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736808.jpg", imageAlt: "Aurion Smart Ring Luxury Detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-checking-smartwatch_23-2147789635.jpg", imageAlt: "Aurion Ring Biometric Tracking"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-being-scanned-by-digital-health-app_23-2151891751.jpg", imageAlt: "Health Insights Dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-paying-with-its-smartwatch-wallet-app_23-2149167266.jpg", imageAlt: "Professional Wearable Lifestyle"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/golden-triangle-flyers-desig_1375-159.jpg", imageAlt: "Premium Ring Unboxing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-her-phone-armband-mock-up_23-2148235835.jpg", imageAlt: "Athlete Fitness Tracking"},
|
||||
]}
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
title="Track Your Health. Master Your Life."
|
||||
description="The Aurion smart ring delivers precision biometric monitoring for sleep, recovery, and performance. Elevate your biohacking journey with actionable insights from your body's data."
|
||||
background={{ variant: "glowing-orb" }}
|
||||
tag="Next-Gen Wearable"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[{ text: "Get Your Aurion", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-dry-plant_23-2150329708.jpg?_wi=1"
|
||||
testimonials={[{
|
||||
name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "Aurion changed how I train. I finally know when to push and when to recover.", rating: 5
|
||||
}]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Data-Driven Wellness"
|
||||
description="Aurion translates complex physiological data into actionable advice. Monitor your recovery status, sleep cycles, and daily activity to optimize your performance every single day."
|
||||
metrics={[
|
||||
{
|
||||
value: "99.9%", title: "Accuracy Rate"},
|
||||
{
|
||||
value: "7 Days", title: "Battery Life"},
|
||||
{
|
||||
value: "5 ATM", title: "Water Resistance"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/specialist-physician-using-cabinet-stamp-prescribe-drugs-antibiotics_482257-106544.jpg"
|
||||
imageAlt="Sensors inside Aurion Smart Ring"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="problem-solution" data-section="problem-solution">
|
||||
<MediaAbout
|
||||
title="Why Settle for Guesswork?"
|
||||
description="Your body signals stress, fatigue, and burnout before you even notice. Aurion turns those signals into clarity, helping you prevent burnout before it starts."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-being-scanned-by-digital-health-app_23-2151891751.jpg"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Sleep Architecture", tags: [
|
||||
"Recovery", "Cycles"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/quail-eggs-near-feathers-vase_23-2148073839.jpg?_wi=1"},
|
||||
{
|
||||
id: "f2", title: "Readiness Score", tags: [
|
||||
"Performance", "Daily"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewelry-lifestyle-flat-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12590.jpg?_wi=1"},
|
||||
{
|
||||
id: "f3", title: "Heart Rate Variability", tags: [
|
||||
"Stress", "Heart"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-dry-plant_23-2150329708.jpg?_wi=1"},
|
||||
{
|
||||
id: "f4", title: "Blood Oxygen Tracking", tags: [
|
||||
"Wellness", "Health"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-419.jpg?_wi=1"},
|
||||
{
|
||||
id: "f5", title: "Activity Monitoring", tags: [
|
||||
"Fitness", "Movement"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17228.jpg?_wi=1"},
|
||||
]}
|
||||
title="Built for High Performance"
|
||||
description="Engineered with medical-grade precision to help you understand your body's hidden signals."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
title="Smart Tech, Minimalist Design"
|
||||
description="Medical-grade sensors wrapped in aerospace titanium. Aurion is designed to be worn anywhere, anytime."
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "s1", title: "Sleep Analysis", description: "Track cycles and REM", tag: "Rest" },
|
||||
{ id: "s2", title: "Heart Variability", description: "Understand your stress", tag: "Focus" },
|
||||
{ id: "s3", title: "Readiness score", description: "Your daily power level", tag: "Power" },
|
||||
{ id: "s4", title: "Water Resistant", description: "5 ATM protection", tag: "Durability" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Midnight Black", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/quail-eggs-near-feathers-vase_23-2148073839.jpg?_wi=2"},
|
||||
{
|
||||
id: "p2", name: "Sterling Silver", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/jewelry-lifestyle-flat-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12590.jpg?_wi=2"},
|
||||
{
|
||||
id: "p3", name: "Champagne Gold", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-dry-plant_23-2150329708.jpg?_wi=2"},
|
||||
{
|
||||
id: "p4", name: "Titanium Grey", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-419.jpg?_wi=2"},
|
||||
{
|
||||
id: "p5", name: "Matte Ceramic", price: "$449", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17228.jpg?_wi=2"},
|
||||
{
|
||||
id: "p6", name: "Polar White", price: "$449", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-products-flowers-white_1150-15375.jpg"},
|
||||
]}
|
||||
title="Choose Your Finish"
|
||||
description="Crafted from aerospace-grade materials, available in six distinct finishes."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Performance Experts"
|
||||
names={["BioHacker Weekly", "Fitness Pro", "Tech Insider", "Wellness Daily"]}
|
||||
description="The industry standard for data-driven recovery."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "Aurion has revolutionized my recovery process. I finally understand when to push and when to rest.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg"},
|
||||
{
|
||||
id: "2", name: "Marcus Thorne", handle: "@mthorne", testimonial: "The sleek design is perfect. It tracks my sleep precisely without feeling like a bulky gadget.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sideways-portrait-woman-with-braid-hairstyle_23-2148322424.jpg"},
|
||||
{
|
||||
id: "3", name: "Elena Rossi", handle: "@erossi", testimonial: "As a designer, I value aesthetics as much as function. This is the only wearable I actually want to wear.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg"},
|
||||
{
|
||||
id: "4", name: "David Wu", handle: "@dwu", testimonial: "The HRV tracking is unmatched. It alerted me to stress spikes I wasn't even aware of.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-trousers-fashion-hipster-male-posing-near-blue-wall-studio-isolated_158538-26679.jpg"},
|
||||
{
|
||||
id: "5", name: "Sophie Clark", handle: "@sclark", testimonial: "Finally, a fitness tracker that looks like jewelry. My performance has never been more visible.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg"},
|
||||
]}
|
||||
title="Loved by Professionals"
|
||||
description="Join 10,000+ users who have optimized their lives using Aurion."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
title="Choose Your Aurion"
|
||||
description="Limited edition finishes. Grab yours before current stock runs out."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="scale-rotate"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{ id: "p1", name: "Midnight Black", price: "$349", variant: "Matte", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-dry-plant_23-2150329708.jpg?_wi=2" },
|
||||
{ id: "p2", name: "Champagne Gold", price: "$399", variant: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/jewelry-lifestyle-flat-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12590.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How long is the battery life?", content: "Aurion features a 7-day battery life with rapid charging capabilities."},
|
||||
{
|
||||
id: "2", title: "Is it water-resistant?", content: "Yes, it is waterproof up to 5 ATM, making it safe for swimming and showering."},
|
||||
{
|
||||
id: "3", title: "Does it work with Android?", content: "Yes, Aurion fully integrates with both iOS and Android ecosystems."},
|
||||
{
|
||||
id: "4", title: "Is the ring scratch-resistant?", content: "Our high-tech ceramic finish is designed to be highly durable against everyday scratches."},
|
||||
{
|
||||
id: "5", title: "How is the data synced?", content: "Data syncs automatically via Bluetooth to the companion mobile app."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sporty-woman-looking-fitnesstracker_23-2148173614.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about your Aurion smart ring."
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="See the difference"
|
||||
description="Hear from our users about their experience with Aurion."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Elena Rossi", role: "Founder", company: "DesignHub", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/network-connections_1048-7667.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Aurion Technology. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about Aurion."
|
||||
faqs={[
|
||||
{ id: "q1", title: "Is it comfortable?", content: "Yes, lightweight and unobtrusive." },
|
||||
{ id: "q2", title: "How do I sync?", content: "Automatic Bluetooth synchronization." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #000000;
|
||||
--card: #0c0c0c;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #106EFB;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #000000;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #535353;
|
||||
--background-accent: #106EFB;
|
||||
--background: #080000;
|
||||
--card: #1e0d0d;
|
||||
--foreground: #ffe6e6;
|
||||
--primary-cta: #ff7a7a;
|
||||
--primary-cta-text: #080000;
|
||||
--secondary-cta: #1e0909;
|
||||
--secondary-cta-text: #ffe6e6;
|
||||
--accent: #7b4242;
|
||||
--background-accent: #65292c;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user