252 lines
12 KiB
TypeScript
252 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSmall"
|
|
background="none"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Treatments", id: "#treatments"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Radiant Wellness"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Unlock Your Radiant Potential"
|
|
description="Expert personal training and transformative skincare treatments tailored to your unique wellness journey."
|
|
imageSrc="http://img.b2bpic.net/free-photo/spa-still-life_23-2147821076.jpg"
|
|
imageAlt="Health and beauty wellness center"
|
|
showBlur={true}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-sauna-room-design-with-wall-tiles-wooden-bench_181624-27669.jpg", alt: "Vertical shot of a beautiful sauna room design"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2026.jpg", alt: "3d rendering spa and massage wellness"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/serene-spa-room_23-2151934180.jpg", alt: "Serene spa room"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/modern-luxury-bedroom-design-illuminated-with-electric-lamps-generated-by-ai_188544-27310.jpg", alt: "Modern luxury bedroom design"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-interior-tattoo-master-workplace-modern-studio_574295-691.jpg", alt: "Beautiful interior of tattoo master workplace"},
|
|
]}
|
|
avatarText="Join our community of over 500+ happy members"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="Dedicated to Your Glow"
|
|
description={[
|
|
"We believe that true beauty and health are reflections of each other. Our center integrates elite personal training to sculpt your body and professional skincare treatments to revitalize your skin.", "Our experts are committed to providing personalized care, ensuring you look and feel your absolute best in a serene, supportive environment."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwelve
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "1", label: "Fitness", title: "Personal Training", items: [
|
|
"Custom workout plans", "Progress tracking", "Full body conditioning"],
|
|
},
|
|
{
|
|
id: "2", label: "Beauty", title: "Skincare Treatments", items: [
|
|
"Advanced facials", "Anti-aging therapy", "Skin texture correction"],
|
|
},
|
|
{
|
|
id: "3", label: "Wellness", title: "Holistic Recovery", items: [
|
|
"Stress management", "Nutritional guidance", "Restorative wellness"],
|
|
},
|
|
]}
|
|
title="Comprehensive Wellness"
|
|
description="Experience a holistic approach that bridges physical fitness and beauty expertise."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", brand: "Radiant", name: "Revive Cream", price: "$65", rating: 5,
|
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-moisturizing-creams-perfume-alarm-clock-marble_23-2147879026.jpg"},
|
|
{
|
|
id: "2", brand: "Radiant", name: "Hydrate Scrub", price: "$45", rating: 4,
|
|
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-treatment-arrangement_23-2148963340.jpg"},
|
|
{
|
|
id: "3", brand: "Radiant", name: "Clear Serum", price: "$85", rating: 5,
|
|
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/female-beauty-worker-black-uniform-holding-face-serum-hands-isolated-grey-studio-background-concept-skincare-cosmetics-health_7502-9243.jpg"},
|
|
{
|
|
id: "4", brand: "Elite", name: "Yoga Mat", price: "$55", rating: 4,
|
|
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/front-view-eco-friendly-cleaning-products-with-brushes_23-2148818465.jpg"},
|
|
{
|
|
id: "5", brand: "Radiant", name: "Daily Lotion", price: "$35", rating: 4,
|
|
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/packaging-concept-with-branches_23-2147672778.jpg"},
|
|
{
|
|
id: "6", brand: "Elite", name: "Resistance Bands", price: "$25", rating: 5,
|
|
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/perfectly-ordered-gym-equipment-top-view_23-2149872111.jpg"},
|
|
]}
|
|
title="Luxury Home Care"
|
|
description="Extend your results with our curated collection of professional wellness and skincare products."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "1", tag: "Essentials", price: "$120", period: "/mo", description: "Perfect for maintenance.", button: {
|
|
text: "Get Started", href: "#"},
|
|
featuresTitle: "Includes", features: [
|
|
"1 PT Session", "1 Skincare Facial", "Community Access"],
|
|
},
|
|
{
|
|
id: "2", tag: "Transform", price: "$250", period: "/mo", description: "Maximum results guaranteed.", button: {
|
|
text: "Get Started", href: "#"},
|
|
featuresTitle: "Includes", features: [
|
|
"4 PT Sessions", "2 Skincare Facials", "Priority Booking", "Custom Diet Plan"],
|
|
},
|
|
{
|
|
id: "3", tag: "Elite", price: "$400", period: "/mo", description: "The ultimate transformation.", button: {
|
|
text: "Get Started", href: "#"},
|
|
featuresTitle: "Includes", features: [
|
|
"8 PT Sessions", "4 Skincare Facials", "Unlimited Access", "VIP Member Support"],
|
|
},
|
|
]}
|
|
title="Membership Plans"
|
|
description="Choose a plan designed for your goals and lifestyle."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-her-facial-cares_1098-106.jpg"},
|
|
{
|
|
id: "2", name: "Michael R.", imageSrc: "http://img.b2bpic.net/free-photo/woman-helping-man-gym_23-2149627074.jpg"},
|
|
{
|
|
id: "3", name: "Elena K.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-sitting-mats_23-2148924683.jpg"},
|
|
{
|
|
id: "4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/wellness-exercise-health-lifestyle-nutrition-concept_53876-124995.jpg"},
|
|
{
|
|
id: "5", name: "Jennifer T.", imageSrc: "http://img.b2bpic.net/free-photo/young-sports-people-sitting-morning-gym_1157-32166.jpg"},
|
|
]}
|
|
cardTitle="Success Stories"
|
|
cardTag="Our Community"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Do you offer initial assessments?", content: "Yes, every new client receives a comprehensive fitness and skin analysis."},
|
|
{
|
|
id: "2", title: "Can I combine PT and skincare?", content: "Absolutely! We offer integrated packages for optimal results."},
|
|
{
|
|
id: "3", title: "How long are treatments?", content: "Skincare treatments typically range from 45 to 90 minutes."},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Schedule Your Free Consultation", href: "#contact"
|
|
}
|
|
]}
|
|
title="Frequently Asked"
|
|
description="Answers to your questions about our services."
|
|
faqsAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/armchair-couch_1203-772.jpg"
|
|
imageAlt="Professional skincare consultation"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "cell-wave"}}
|
|
tag="Join Us"
|
|
title="Begin Your Transformation"
|
|
description="Sign up for a consultation today and start your journey towards a healthier, more radiant version of yourself."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Fitness", href: "#services"},
|
|
{
|
|
label: "Skincare", href: "#services"},
|
|
{
|
|
label: "Pricing", href: "#pricing"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Radiant Wellness"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |