Merge version_1_1781700114164 into main #2
@@ -6,179 +6,151 @@ import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRev
|
||||
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
||||
import TeamGlassCards from '@/components/sections/team/TeamGlassCards';
|
||||
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
|
||||
import { Shield, Sparkles, Star } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Advanced Medical Aesthetics"
|
||||
title="Enhancing Beauty. Elevating Confidence."
|
||||
description="Experience the pinnacle of medical aesthetics. Our advanced, custom-designed treatments deliver natural, beautiful, and lasting results for the sophisticated individual."
|
||||
primaryButton={{
|
||||
text: "Book Consultation", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Explore Treatments", href: "#services"}}
|
||||
leftItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-flowers-petals_23-2149077499.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-room_1203-746.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683473.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-lobby-with-reception-desk_23-2152005586.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-boasts-elegant-furniture-design-generated-by-ai_188544-26999.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sepia-minimalistic-abstract-design_23-2148226995.jpg" },
|
||||
]}
|
||||
rightItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hall-with-lifts_1203-105.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163138.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coffe-shop-with-wooden-walls-unfocused_1203-1230.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/yellow-branch-leaves-beige-surface_114579-46023.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/unfocused-corrido_1203-1343.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-face-tool-items_23-2149249530.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Advanced Medical Aesthetics"
|
||||
title="Enhancing Beauty. Elevating Confidence."
|
||||
description="Experience the pinnacle of medical aesthetics. Our advanced, custom-designed treatments deliver natural, beautiful, and lasting results for the sophisticated individual."
|
||||
primaryButton={{ text: "Book Consultation", href: "#contact" }}
|
||||
secondaryButton={{ text: "Explore Treatments", href: "#services" }}
|
||||
leftItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-flowers-petals_23-2149077499.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-room_1203-746.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683473.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-lobby-with-reception-desk_23-2152005586.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-boasts-elegant-furniture-design-generated-by-ai_188544-26999.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sepia-minimalistic-abstract-design_23-2148226995.jpg" },
|
||||
]}
|
||||
rightItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hall-with-lifts_1203-105.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163138.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coffe-shop-with-wooden-walls-unfocused_1203-1230.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/yellow-branch-leaves-beige-surface_114579-46023.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/unfocused-corrido_1203-1343.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-face-tool-items_23-2149249530.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Philosophy"
|
||||
title="Excellence in Aesthetics"
|
||||
description="At JF Aesthetics, we merge clinical precision with artistic vision. Every procedure is a tailored journey towards your most confident self, guided by international standards of safety and sophistication."
|
||||
items={[
|
||||
{
|
||||
icon: "Sparkles", title: "Artistic Vision", description: "Defining natural beauty with every procedure."},
|
||||
{
|
||||
icon: "Shield", title: "Clinical Safety", description: "International safety standards in every step."},
|
||||
{
|
||||
icon: "Star", title: "Proven Results", description: "Customized treatments for exceptional outcomes."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-calm-caucasian-pretty-woman-with-towel-head-eye-mask-patches-face-face-skin-care-concept-female-relax-bed-home_343596-2112.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Philosophy"
|
||||
title="Excellence in Aesthetics"
|
||||
description="At JF Aesthetics, we merge clinical precision with artistic vision. Every procedure is a tailored journey towards your most confident self, guided by international standards of safety and sophistication."
|
||||
items={[
|
||||
{ icon: "Sparkles", title: "Artistic Vision", description: "Defining natural beauty with every procedure." },
|
||||
{ icon: "Shield", title: "Clinical Safety", description: "International safety standards in every step." },
|
||||
{ icon: "Star", title: "Proven Results", description: "Customized treatments for exceptional outcomes." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-calm-caucasian-pretty-woman-with-towel-head-eye-mask-patches-face-face-skin-care-concept-female-relax-bed-home_343596-2112.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Our Expertise"
|
||||
title="Advanced Beauty Solutions"
|
||||
description="From rejuvenation to body contouring, discover our comprehensive range of luxury medical aesthetics treatments designed for your specific goals."
|
||||
items={[
|
||||
{ title: "Skin Rejuvenation", description: "Revitalize your texture and glow.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/beauty-logo-template_23-2150529157.jpg" },
|
||||
{ title: "Anti-Aging Treatments", description: "Sophisticated, timeless results.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420633.jpg" },
|
||||
{ title: "Facial Aesthetics", description: "Precision shaping and symmetry.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-fascinating-white-girl-with-plant-inspired-calm-woman-standing-brown-wall_197531-14042.jpg" },
|
||||
{ title: "Body Contouring", description: "Sculpt and define naturally.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/rejuvenation-flat-icons-set_1284-10896.jpg" },
|
||||
{ title: "Laser Treatments", description: "Advanced medical laser technology.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420713.jpg" },
|
||||
{ title: "Custom Beauty Solutions", description: "Tailored, individualized care.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-with-professional-make-up-close-up_23-2148932886.jpg" },
|
||||
{ title: "Follow-Up Care", description: "Expert post-procedure support.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-nature-elements_23-2150165622.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Expertise"
|
||||
title="Advanced Beauty Solutions"
|
||||
description="From rejuvenation to body contouring, discover our comprehensive range of luxury medical aesthetics treatments designed for your specific goals."
|
||||
items={[
|
||||
{ title: "Skin Rejuvenation", description: "Revitalize your texture and glow.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/beauty-logo-template_23-2150529157.jpg" },
|
||||
{ title: "Anti-Aging Treatments", description: "Sophisticated, timeless results.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420633.jpg" },
|
||||
{ title: "Facial Aesthetics", description: "Precision shaping and symmetry.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-fascinating-white-girl-with-plant-inspired-calm-woman-standing-brown-wall_197531-14042.jpg" },
|
||||
{ title: "Body Contouring", description: "Sculpt and define naturally.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/rejuvenation-flat-icons-set_1284-10896.jpg" },
|
||||
{ title: "Laser Treatments", description: "Advanced medical laser technology.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420713.jpg" },
|
||||
{ title: "Custom Beauty Solutions", description: "Tailored, individualized care.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-with-professional-make-up-close-up_23-2148932886.jpg" },
|
||||
{ title: "Follow-Up Care", description: "Expert post-procedure support.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-nature-elements_23-2150165622.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<SectionErrorBoundary name="process">
|
||||
<div id="process" data-section="process">
|
||||
<SectionErrorBoundary name="process">
|
||||
<FeaturesBento
|
||||
tag="Your Journey"
|
||||
title="The JF Automation Journey"
|
||||
description="A seamless, futuristic experience from inquiry to follow-up care."
|
||||
features={[
|
||||
{
|
||||
title: "The Seamless Process", description: "We’ve optimized every step to prioritize your comfort, results, and expert guidance throughout your aesthetic journey.", bentoComponent: "checklist-timeline", heading: "Step-by-Step Excellence", subheading: "Your path to transformation:", checklistItems: [
|
||||
{
|
||||
label: "Inquiry & Booking", detail: "Instant appointment management."},
|
||||
{
|
||||
label: "Personalized Consultation", detail: "Tailored expert treatment planning."},
|
||||
{
|
||||
label: "Treatment & Follow-up", detail: "Exceptional care and results tracking."},
|
||||
],
|
||||
completedLabel: "Transformation"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Your Journey"
|
||||
title="The JF Automation Journey"
|
||||
description="A seamless, futuristic experience from inquiry to follow-up care."
|
||||
features={[
|
||||
{
|
||||
title: "The Seamless Process", description: "We’ve optimized every step to prioritize your comfort, results, and expert guidance throughout your aesthetic journey.", bentoComponent: "checklist-timeline", heading: "Step-by-Step Excellence", subheading: "Your path to transformation:", checklistItems: [
|
||||
{ label: "Inquiry & Booking", detail: "Instant appointment management." },
|
||||
{ label: "Personalized Consultation", detail: "Tailored expert treatment planning." },
|
||||
{ label: "Treatment & Follow-up", detail: "Exceptional care and results tracking." },
|
||||
],
|
||||
completedLabel: "Transformation"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamGlassCards
|
||||
tag="The Experts"
|
||||
title="Meet Your Transformation Team"
|
||||
description="Led by industry leaders, our team is dedicated to bringing world-class expertise to your personal beauty journey."
|
||||
members={[
|
||||
{
|
||||
name: "Dr. Sarah Khan", role: "Lead Aesthetician", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg"},
|
||||
{
|
||||
name: "Dr. Ahmed Raza", role: "Facial Specialist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-posing_23-2148497197.jpg"},
|
||||
{
|
||||
name: "Dr. Elena Sofia", role: "Dermatologist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-work_23-2149485515.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="The Experts"
|
||||
title="Meet Your Transformation Team"
|
||||
description="Led by industry leaders, our team is dedicated to bringing world-class expertise to your personal beauty journey."
|
||||
members={[
|
||||
{ name: "Dr. Sarah Khan", role: "Lead Aesthetician", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg" },
|
||||
{ name: "Dr. Ahmed Raza", role: "Facial Specialist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-posing_23-2148497197.jpg" },
|
||||
{ name: "Dr. Elena Sofia", role: "Dermatologist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-work_23-2149485515.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialOverlayCards
|
||||
tag="Trusted By Many"
|
||||
title="Transformations & Results"
|
||||
description="Join our community of satisfied clients who have achieved stunning results with JF Aesthetics."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.", role: "Client", company: "Transformation", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office-with-tablet-device_23-2150167749.jpg"},
|
||||
{
|
||||
name: "Michael K.", role: "Client", company: "Skin Rejuvenation", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-happy-fit-girl-sportswear-laughing_1153-7828.jpg"},
|
||||
{
|
||||
name: "Emily R.", role: "Client", company: "Facial Shaping", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensual-ethnic-woman-with-female_23-2148206831.jpg"},
|
||||
{
|
||||
name: "David L.", role: "Client", company: "Expertise", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-age-couple-having-date_23-2149016160.jpg"},
|
||||
{
|
||||
name: "Amanda P.", role: "Client", company: "Body Contouring", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Trusted By Many"
|
||||
title="Transformations & Results"
|
||||
description="Join our community of satisfied clients who have achieved stunning results with JF Aesthetics."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", role: "Client", company: "Transformation", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office-with-tablet-device_23-2150167749.jpg" },
|
||||
{ name: "Michael K.", role: "Client", company: "Skin Rejuvenation", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-happy-fit-girl-sportswear-laughing_1153-7828.jpg" },
|
||||
{ name: "Emily R.", role: "Client", company: "Facial Shaping", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sensual-ethnic-woman-with-female_23-2148206831.jpg" },
|
||||
{ name: "David L.", role: "Client", company: "Expertise", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-age-couple-having-date_23-2149016160.jpg" },
|
||||
{ name: "Amanda P.", role: "Client", company: "Body Contouring", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Learn More"
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to your common questions about our advanced treatments."
|
||||
items={[
|
||||
{
|
||||
question: "Are treatments safe?", answer: "Yes, we adhere to the highest international safety standards."},
|
||||
{
|
||||
question: "Do I need a consultation?", answer: "Consultations are recommended for customized plans."},
|
||||
{
|
||||
question: "What is the recovery time?", answer: "Recovery varies, but our treatments emphasize rapid healing."},
|
||||
{
|
||||
question: "Can I book online?", answer: "Yes, use our booking system for instant appointments."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Learn More"
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to your common questions about our advanced treatments."
|
||||
items={[
|
||||
{ question: "Are treatments safe?", answer: "Yes, we adhere to the highest international safety standards." },
|
||||
{ question: "Do I need a consultation?", answer: "Consultations are recommended for customized plans." },
|
||||
{ question: "What is the recovery time?", answer: "Recovery varies, but our treatments emphasize rapid healing." },
|
||||
{ question: "Can I book online?", answer: "Yes, use our booking system for instant appointments." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Start Your Journey"
|
||||
text="Book your personalized consultation today and take the first step towards your most confident self."
|
||||
primaryButton={{
|
||||
text: "Book Via WhatsApp", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Instant Booking", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Start Your Journey"
|
||||
text="Book your personalized consultation today and take the first step towards your most confident self."
|
||||
primaryButton={{ text: "Book Via WhatsApp", href: "#" }}
|
||||
secondaryButton={{ text: "Instant Booking", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user