Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c439bec8f5 | |||
| 212059600b | |||
| 9b45db8f02 | |||
| 16501055f8 | |||
| 298740e007 | |||
| 3191ae6fc5 | |||
| 1db04a1dd6 | |||
| e8ec0d1533 |
434
src/app/page.tsx
434
src/app/page.tsx
@@ -32,458 +32,150 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Packages",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Packages", id: "#pricing" },
|
||||
{ name: "Team", id: "#team" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Aura Elite"
|
||||
brandName="RIYEON"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Excellence in Aesthetic Artistry"
|
||||
description="Redefining the standard of care for those who demand perfection in every detail."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="RIYEON: Aesthetic Artistry for the Elite"
|
||||
description="Redefining the standard of care with bespoke treatments designed for those who command the spotlight."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397564.jpg",
|
||||
imageAlt: "Luxury Clinic Lobby",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-interior-with-bed-massage_23-2150461389.jpg",
|
||||
imageAlt: "Tranquil Procedure Room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elements-relaxing-massage-spa_23-2148176946.jpg",
|
||||
imageAlt: "Luxury Clinic Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-room-comfort-elegance-relaxation-romance-generated-by-ai_188544-29044.jpg",
|
||||
imageAlt: "Modern Spa Room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-hot-stone-lighted-candle-cactus-plant-rolled-up-white-towel_23-2147939955.jpg",
|
||||
imageAlt: "Reception Area",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg",
|
||||
imageAlt: "Relaxation Lounge",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397564.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/room-interior-with-bed-massage_23-2150461389.jpg" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg",
|
||||
imageAlt: "Tranquil Procedure Room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-lounge-restaurant-with-high-ceiling_105762-1771.jpg",
|
||||
imageAlt: "Luxury Clinic Lobby",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serene-spa-room_23-2151934180.jpg",
|
||||
imageAlt: "Modern Spa Room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-hotel-view_1417-1565.jpg",
|
||||
imageAlt: "Reception Area",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-beautiful-spacious-dental-clinic_8353-9586.jpg",
|
||||
imageAlt: "Relaxation Lounge",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-candles-towel-top-view_169016-20529.jpg",
|
||||
imageAlt: "Luxury Clinic Interior",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/orchid-near-aromatherapy-supplies_23-2147809164.jpg",
|
||||
alt: "Doctor portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-6223.jpg",
|
||||
alt: "Client portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spa-composition-with-bath-accessories-thai-orchid-flowers_169016-17211.jpg",
|
||||
alt: "Team member portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg",
|
||||
alt: "Staff portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/room-with-blue-couchs-with-white-cushions_1203-374.jpg",
|
||||
alt: "Consultant portrait",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ elite clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-boasts-elegant-furniture-design-generated-by-ai_188544-26999.jpg",
|
||||
alt: "Award logo 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/room-with-massage-tables-wall-with-lights-it_188544-36461.jpg",
|
||||
alt: "Award logo 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-spa-composition-with-aroma-diffuser-candle-flowers_169016-26840.jpg",
|
||||
alt: "Award logo 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-checking-water-before-taking-bath_23-2149239340.jpg",
|
||||
alt: "Award logo 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/elements-relaxing-massage-spa_23-2148176941.jpg",
|
||||
alt: "Award logo 5",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/serene-spa-room_23-2151934180.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Book Consultation", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Refined Beauty"
|
||||
description="At Aura Elite, we blend medical expertise with bespoke luxury to provide personalized aesthetic transformations for our discerning clientele."
|
||||
title="Precision Meets Luxury"
|
||||
description="RIYEON is the premier destination for high-end aesthetic transformations, blending clinical precision with the privacy and comfort our celebrity clients expect."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years of Mastery",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Transformations",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Client Discretion",
|
||||
},
|
||||
{ value: "10+ years", title: "Celebrity Trust" },
|
||||
{ value: "Global", title: "Standard of Care" },
|
||||
{ value: "100%", title: "Bespoke Results" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cinematic-portrait-man-working-healthcare-system-having-care-job_23-2151237549.jpg"
|
||||
imageAlt="Dr. at Aura Elite"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-doctor-diagnosing-melanoma-body-female-patient_23-2149365769.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
title="Exclusive Clinical Suite"
|
||||
description="Highly advanced procedures tailored to your unique aesthetic goals."
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{ id: "1", title: "Couture Contouring", description: "Sculpting and defining with undetectable results.", tag: "Signature" },
|
||||
{ id: "2", title: "Cellular Rebirth", description: "High-frequency restorative skin therapies.", tag: "Medical" },
|
||||
{ id: "3", title: "Holistic Glow", description: "Internal wellness meets external beauty.", tag: "Exclusive" }
|
||||
]}
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Advanced Rejuvenation",
|
||||
description: "Customized skin restoration therapy.",
|
||||
tag: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-diagnosing-melanoma-body-female-patient_23-2149365769.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Contouring Excellence",
|
||||
description: "Precision sculpting and lifting.",
|
||||
tag: "Refinement",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-making-injections-face-woman-beauty-salon_1303-16744.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Bespoke Wellness",
|
||||
description: "Holistic biological beauty journeys.",
|
||||
tag: "Bespoke",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/facial-recognition-collage-concept_23-2150038887.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Treatments"
|
||||
description="Engineered for excellence, our advanced treatments deliver subtle, natural, and lasting results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
title="The RIYEON Collection"
|
||||
description="Clinically formulated skincare to maintain your results at home."
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="split-description"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Revitalize Serum",
|
||||
price: "$290",
|
||||
variant: "Youth Restoration",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-skin-beauty-products_23-2148761497.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Radiance Cream",
|
||||
price: "$185",
|
||||
variant: "Brightening",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-assistant-shows-exclusive-gold-necklace-luxury-jewelry-store_613910-20412.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Hydration Elixir",
|
||||
price: "$210",
|
||||
variant: "Deep Moisture",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-products_23-2148223715.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Sculpting Gel",
|
||||
price: "$325",
|
||||
variant: "Anti-Aging",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-framed-bath-concept-with-copy-space_23-2148223742.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Renewal Mask",
|
||||
price: "$150",
|
||||
variant: "Detox",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23684.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Elite Defense",
|
||||
price: "$195",
|
||||
variant: "Protection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-cosmetics-concept_23-2148578623.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Signature Serum", price: "$450", variant: "Restorative", imageSrc: "http://img.b2bpic.net/free-photo/composition-skin-beauty-products_23-2148761497.jpg" },
|
||||
{ id: "p2", name: "Elite Hydrator", price: "$320", variant: "Protection", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-products_23-2148223715.jpg?_wi=1" },
|
||||
{ id: "p3", name: "Total Renew", price: "$600", variant: "Regenerative", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-products_23-2148223715.jpg?_wi=2" }
|
||||
]}
|
||||
title="Curated Clinical Collection"
|
||||
description="Bring the Aura Elite experience home with our elite skincare products."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
title="Membership Programs"
|
||||
description="Secure priority access and regular treatments with our elite memberships."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essentials",
|
||||
price: "$1,200",
|
||||
period: "/mo",
|
||||
description: "Core maintenance.",
|
||||
button: {
|
||||
text: "Choose",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Monthly Facials",
|
||||
"Priority Access",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Elite",
|
||||
price: "$2,500",
|
||||
period: "/mo",
|
||||
description: "Comprehensive rejuvenation.",
|
||||
button: {
|
||||
text: "Choose",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Monthly Rejuvenation",
|
||||
"Bespoke Diagnostic",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "ultimate",
|
||||
tag: "Signature",
|
||||
price: "$4,000",
|
||||
period: "/mo",
|
||||
description: "The ultimate journey.",
|
||||
button: {
|
||||
text: "Choose",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Unlimited Treatments",
|
||||
"Dedicated Concierge",
|
||||
],
|
||||
},
|
||||
{ id: "a", tag: "Signature", price: "$5,000", period: "/mo", description: "Unlimited access for the elite.", button: { text: "Inquire", href: "#contact" }, featuresTitle: "Perks", features: ["Concierge Priority", "Bespoke Care"] }
|
||||
]}
|
||||
title="Exclusive Membership Packages"
|
||||
description="Invest in your beauty with tiered options for regular care."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
title="Meet the Specialists"
|
||||
description="Your beauty in the hands of the world's most sought-after practitioners."
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="split-description"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dr. Helena Vance",
|
||||
role: "Dermatologist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-orange-dough-fingers_1208-321.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Nurse Sarah Chen",
|
||||
role: "Lead Sculptor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-nurse-with-digital-tablet_107420-84817.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marco Rossi",
|
||||
role: "Technician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346487.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena Thorne",
|
||||
role: "Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-putting-her-headphones-her-ears-drinking-coffee-cafe_23-2149230365.jpg",
|
||||
},
|
||||
{ id: "m1", name: "Dr. Helena Vance", role: "Founder & Lead Surgeon" },
|
||||
{ id: "m2", name: "Julian Rossi", role: "Clinical Lead" }
|
||||
]}
|
||||
title="The Elite Specialists"
|
||||
description="World-class practitioners at your service."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="Discreet Satisfaction"
|
||||
description="The preferred choice for iconic figures globally."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Global Icon", role: "Client", company: "RIYEON Confidential", rating: 5 }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alexandra V.",
|
||||
role: "Icon",
|
||||
company: "Vogue",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chromatic-glow-portrait-medium-shot_23-2151911146.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Julian Thorne",
|
||||
role: "Actor",
|
||||
company: "Global Films",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-dressing-up-wedding-ceremony_53876-46927.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Owner",
|
||||
company: "Luxe",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-charming-lady-engaged-sports-exercises-listening-music-sunlight-city-sport-exercise_291650-94.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Chen",
|
||||
role: "Founder",
|
||||
company: "Nexus",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-analog-party_52683-90084.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophia Moretti",
|
||||
role: "Director",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Experiences"
|
||||
description="Join our community of elite individuals."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Your Privacy & Care"
|
||||
description="Understanding our clinical approach and high-discretion protocols."
|
||||
faqs={[
|
||||
{ id: "q1", title: "Is privacy guaranteed?", content: "Complete NDAs and total discretion for every client." },
|
||||
{ id: "q2", title: "How do I book?", content: "Consultations are reserved for members or by referral." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Consultation time?",
|
||||
content: "60-minute in-depth assessments.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Privacy guaranteed?",
|
||||
content: "Full discretion and NDAs provided.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Custom products?",
|
||||
content: "Bespoke formulations available.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Inquiries about our clinical process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
title="Secure Your Consultation"
|
||||
description="Begin your journey with RIYEON."
|
||||
tag="Exclusive Access"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Inquire"
|
||||
title="Experience Aura Elite"
|
||||
description="Book your bespoke consultation today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg"
|
||||
imageAlt="Clinic lobby"
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Aura Elite"
|
||||
copyrightText="© 2025 Aura Elite | Aesthetic Arts Clinic"
|
||||
logoText="RIYEON"
|
||||
copyrightText="© 2025 RIYEON Aesthetic Clinic. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user