306 lines
18 KiB
TypeScript
306 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Apple, BarChart2, LineChart, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="floatingGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Features", id: "#features"},
|
|
{
|
|
name: "Platform", id: "#platform"},
|
|
{
|
|
name: "Impact", id: "#insights"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQs", id: "#faqs"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-photo/blue-3d-map-icon-white-background_187299-46275.jpg"
|
|
brandName="AI Health 3D"
|
|
button={{
|
|
text: "Get Started", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "canvas-reveal"}}
|
|
title="AI Health 3D: Empowering Your Well-being with Precision"
|
|
description="Discover personalized health insights through our cutting-edge AI platform. From optimized nutrition plans to advanced 3D facial bone development analysis, we provide the tools for a healthier future."
|
|
tag="Revolutionizing Health"
|
|
tagIcon={Sparkles}
|
|
buttons={[
|
|
{
|
|
text: "Explore Features", href: "#features"},
|
|
{
|
|
text: "Get Started", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521324.jpg"
|
|
imageAlt="AI Health 3D platform interface with facial scan and data visualizations"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{
|
|
type: "text", content: "Our Vision: Integrating AI, Nutrition, and 3D Anatomy"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "AI-Driven Nutritional Guidance", description: "Receive personalized meal plans and dietary recommendations tailored to your unique needs, health goals, and genetic profile, optimized by advanced AI algorithms.", icon: Apple,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-concept-with-tablet_23-2147802987.jpg", imageAlt: "AI-generated meal plan on a screen"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186459.jpg", imageAlt: "Person cooking with AI-generated recipe"},
|
|
]
|
|
},
|
|
{
|
|
title: "3D Facial Bone Development", description: "Utilize state-of-the-art 3D scanning and modeling to track and analyze facial bone system development, identifying key insights for growth and health over time.", icon: BarChart2,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/skeleton-studio_23-2150891662.jpg", imageAlt: "Detailed 3D model of a facial bone structure"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/healthcare-experts-discuss-recovery-strategies-treatment-center_482257-123173.jpg", imageAlt: "Person being scanned in 3D for facial modeling"},
|
|
]
|
|
},
|
|
{
|
|
title: "Personalized Health Insights", description: "Gain a deeper understanding of your body with AI-powered analytics that connect dietary habits, activity, and anatomical data for a holistic view of your health.", icon: LineChart,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-doctor-office-featuring-modern-medical-equipment-pills_482257-124730.jpg", imageAlt: "Health dashboard with personalized insights"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/general-practitioner-discussing-with-doctor-video-conference-call_482257-123966.jpg", imageAlt: "Doctor discussing AI health report with patient"},
|
|
]
|
|
}
|
|
]}
|
|
title="Advanced AI Features for Holistic Health"
|
|
description="Our platform combines the power of artificial intelligence, detailed 3D modeling, and comprehensive nutritional science to deliver unparalleled insights into your well-being."
|
|
/>
|
|
</div>
|
|
|
|
<div id="platform" data-section="platform">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "nutrition-coach", name: "AI Nutrition Coach", price: "$19.99/month", variant: "Premium Plan", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2148898551.jpg", imageAlt: "AI Nutrition Coaching app on smartphone"},
|
|
{
|
|
id: "facial-tracker", name: "3D Facial Growth Tracker", price: "$29.99/month", variant: "Pro Access", imageSrc: "http://img.b2bpic.net/free-photo/combination-facial-features-portrait_23-2150065636.jpg", imageAlt: "3D Facial Bone Development Tracker on tablet"},
|
|
{
|
|
id: "wellness-hub", name: "Holistic Wellness Hub", price: "$39.99/month", variant: "Ultimate Package", imageSrc: "http://img.b2bpic.net/free-photo/active-woman-using-digital-device_53876-30638.jpg", imageAlt: "AI Wellness Hub dashboard on desktop"},
|
|
{
|
|
id: "modeling-suite", name: "3D Modeling Suite", price: "$49.99/month", variant: "Expert Tools", imageSrc: "http://img.b2bpic.net/free-photo/hospital-staff-examine-cardiovascular-x-ray-results-discuss-treatment-option_482257-123158.jpg", imageAlt: "Professional 3D anatomical modeling software interface"},
|
|
{
|
|
id: "research-insights", name: "Research Insights Access", price: "$59.99/month", variant: "Data Analyst", imageSrc: "http://img.b2bpic.net/free-photo/ceo-leading-corporate-briefing-meeting-present-monthly-statistics_482257-100514.jpg", imageAlt: "Data visualization of health research insights"},
|
|
{
|
|
id: "virtual-consult", name: "Virtual AI Consult", price: "$9.99/session", variant: "On-Demand", imageSrc: "http://img.b2bpic.net/free-photo/closeup-father-with-ill-daughter-consulting-doctor-via-video-call-about-prescription-medicines-coronavirus-pandemic_637285-12290.jpg", imageAlt: "Virtual consultation with an AI health assistant"},
|
|
]}
|
|
title="Our Transformative AI Health Solutions"
|
|
description="Explore the comprehensive suite of tools and services offered by AI Health 3D, designed to cater to every aspect of your personalized health journey."
|
|
/>
|
|
</div>
|
|
|
|
<div id="insights" data-section="insights">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "metric-1", value: "10,000+", title: "Active Users", description: "Our community is growing rapidly, benefiting from personalized health insights daily.", imageSrc: "http://img.b2bpic.net/free-photo/our-world-connected-social-networking-interconnection-concept_53876-21158.jpg", imageAlt: "Global map showing active users"},
|
|
{
|
|
id: "metric-2", value: "95%", title: "Customer Satisfaction", description: "Users consistently rate our platform high for its accuracy, ease of use, and impactful results.", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367141.jpg", imageAlt: "Pie chart showing 95% satisfaction"},
|
|
{
|
|
id: "metric-3", value: "5 Years", title: "AI Innovation", description: "A testament to our continuous research and development in AI-driven health technology.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-laptop-network-graphic-overlay_53876-123687.jpg", imageAlt: "Timeline graphic showing 5 years of innovation"},
|
|
]}
|
|
title="Impact & Innovation: Our Journey So Far"
|
|
description="Witness the tangible impact and continuous innovation driving AI Health 3D forward, as reflected in our key metrics and user success stories."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Dr. Sarah Chen", handle: "@HealthInnovator", testimonial: "AI Health 3D has revolutionized my practice. The facial bone development analysis with 3D tech provides unparalleled insights for my patients. It's a game-changer for preventive health!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-female-dietician-holding-green-apple-with-food-clipboard-desk_23-2147882184.jpg", imageAlt: "Dr. Sarah Chen professional headshot"},
|
|
{
|
|
id: "2", name: "Michael Rodriguez", handle: "@NutriGuru", testimonial: "As a nutritionist, I'm always looking for precision. The AI-driven meal plans are incredibly effective and tailored. My clients love the detailed, actionable guidance.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-diverse-business-team-standing-row_1262-3845.jpg", imageAlt: "Michael Rodriguez professional headshot"},
|
|
{
|
|
id: "3", name: "Emily White", handle: "@WellnessJourney", testimonial: "I was skeptical, but the personalized health insights from AI Health 3D are truly transformative. Understanding my body's unique needs has never been easier or more accurate.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-health-worker-special-equipment_23-2148980746.jpg", imageAlt: "Emily White professional headshot"},
|
|
{
|
|
id: "4", name: "David Kim", handle: "@FutureHealth", testimonial: "The 3D visualization of facial bone structure is mind-blowing. It's not just technology; it's a window into my child's future health. A must-have for proactive parenting.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-with-cream-noses_23-2147807805.jpg", imageAlt: "David Kim professional headshot"},
|
|
{
|
|
id: "5", name: "Jessica Lee", handle: "@BioHacker", testimonial: "Beyond impressive! This platform integrates so many data points to give a truly holistic view. It's an essential tool for anyone serious about optimizing their health.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg", imageAlt: "Jessica Lee professional headshot"},
|
|
{
|
|
id: "6", name: "Alex Johnson", handle: "@TechForGood", testimonial: "The combination of AI and 3D medical tech is brilliantly executed. AI Health 3D delivers on its promise of advanced, accessible health management. Highly recommend!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-entrepreneur-taking-phone-call-share-insight-kpi-metrics_482257-126552.jpg", imageAlt: "Alex Johnson professional headshot"},
|
|
]}
|
|
showRating={true}
|
|
title="What Our Community Says"
|
|
description="Hear directly from our users and medical professionals about how AI Health 3D is making a tangible difference in their lives and practices."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faqs" data-section="faqs">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "How does the AI personalize my nutrition plan?", content: "Our AI analyzes your dietary preferences, activity levels, health goals, and even integrates with genetic data (optional) to create a dynamic, optimized nutrition plan tailored just for you."},
|
|
{
|
|
id: "faq-2", title: "What is 3D facial bone development analysis?", content: "We use advanced 3D imaging technology to create a detailed model of your facial bone structure. Our AI then analyzes growth patterns and identifies potential areas for attention related to health and development."},
|
|
{
|
|
id: "faq-3", title: "Is my health data secure and private?", content: "Absolutely. We employ industry-leading encryption and strict privacy protocols to ensure your health data is secure, anonymous, and compliant with global health data regulations."},
|
|
{
|
|
id: "faq-4", title: "Can I integrate data from my wearable devices?", content: "Yes, our platform is designed to seamlessly integrate with a wide range of popular wearable fitness and health trackers, providing a more comprehensive view of your well-being."},
|
|
{
|
|
id: "faq-5", title: "Do I need special equipment for 3D scanning?", content: "Our 3D analysis can often leverage existing smartphone capabilities or work with readily available accessories. We provide clear guidance on how to get started with minimal additional equipment."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about our AI-powered health platform, its features, and how it can benefit you."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Connect with AI Health 3D"
|
|
description="Have questions or need support? Our team is here to assist you. Reach out to us and start your journey towards a healthier, more informed future."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Your Message", rows: 5,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/older-woman-listening-online-documentary-topic-she-studies-n otes-finding-more_482257-136155.jpg"
|
|
imageAlt="Futuristic customer support center with AI assistants"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoSrc="http://img.b2bpic.net/free-photo/blue-3d-map-icon-white-background_187299-46275.jpg"
|
|
logoAlt="AI Health 3D Logo"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Home", href: "#home"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Features", href: "#features"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Platform", href: "#platform"},
|
|
{
|
|
label: "Impact", href: "#insights"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "FAQs", href: "#faqs"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
{
|
|
label: "Support", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="AI Health 3D"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |