bender/0831eeda-75b0-4ceb-bfd0-4c6c49127b9c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-13 21:30:15 +00:00
parent e1b7e2bd4f e8ec0d1533
commit 1db04a1dd6
1 changed files with 52 additions and 375 deletions
Download Patch File Download Diff File Expand all files Collapse all files

427
src/app/page.tsx
View File

@@ -32,170 +32,43 @@ 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"
/>
@@ -203,287 +76,91 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureCardMedia
title="Exclusive Clinical Suite"
description="Highly advanced procedures tailored to your unique aesthetic goals."
animationType="slide-up"
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",
},
{ 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" }
]}
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}
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" }
]}
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"
useInvertedBackground={false}
animationType="slide-up"
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, quote: "The results are subtle yet transformative. Absolute professionals." }
]}
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."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split-description"
useInvertedBackground={false}
title="Your Privacy & Care"
description="Understanding our clinical approach and high-discretion protocols."
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.",
},
{ 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." }
]}
title="Frequently Asked Questions"
description="Inquiries about our clinical process."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
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"
title="Secure Your Consultation"
description="Begin your journey with RIYEON."
tag="Exclusive Access"
/>
</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>