Merge version_2 into main #3
133
src/app/page.tsx
133
src/app/page.tsx
@@ -6,7 +6,7 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, ShieldCheck, Sparkles } from "lucide-react";
|
||||
@@ -30,60 +30,39 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Treatments",
|
||||
id: "services",
|
||||
},
|
||||
name: "Treatments", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Book Now", id: "contact"},
|
||||
]}
|
||||
brandName="ReGlow"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="ReGlow"
|
||||
description="Reveal your natural glow. Professional skin treatments designed to transform your complexion and restore confidence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Session",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Session", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
carouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=1",
|
||||
imageAlt: "ReGlow Skincare",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=1", imageAlt: "ReGlow Skincare"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=2",
|
||||
imageAlt: "Skincare Treatment",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=2", imageAlt: "Skincare Treatment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=3",
|
||||
imageAlt: "Glow Analysis",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=3", imageAlt: "Glow Analysis"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=4",
|
||||
imageAlt: "Spa Atmosphere",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=4", imageAlt: "Spa Atmosphere"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=5",
|
||||
imageAlt: "Expert Care",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=5", imageAlt: "Expert Care"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=6",
|
||||
imageAlt: "Results",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg?_wi=6", imageAlt: "Results"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,23 +73,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Facial Treatments",
|
||||
description: "Deep cleansing and rejuvenation customized for every skin type.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-process-doing-makeup-with-brushes_169016-19737.jpg",
|
||||
imageAlt: "Facial",
|
||||
},
|
||||
title: "Facial Treatments", description: "Deep cleansing and rejuvenation customized for every skin type.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-process-doing-makeup-with-brushes_169016-19737.jpg", imageAlt: "Facial"},
|
||||
{
|
||||
title: "Skin Rejuvenation",
|
||||
description: "Advanced techniques to restore your natural vibrancy and smoothness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-reading-magazine_23-2148879298.jpg",
|
||||
imageAlt: "Rejuvenation",
|
||||
},
|
||||
title: "Skin Rejuvenation", description: "Advanced techniques to restore your natural vibrancy and smoothness.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-reading-magazine_23-2148879298.jpg", imageAlt: "Rejuvenation"},
|
||||
{
|
||||
title: "Deep Cleansing",
|
||||
description: "Thorough pore care that leaves your skin feeling refreshed and clear.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-researcher-laboratory-holding-vaccine-bottle-light_23-2148816404.jpg",
|
||||
imageAlt: "Cleansing",
|
||||
},
|
||||
title: "Deep Cleansing", description: "Thorough pore care that leaves your skin feeling refreshed and clear.", imageSrc: "http://img.b2bpic.net/free-photo/female-researcher-laboratory-holding-vaccine-bottle-light_23-2148816404.jpg", imageAlt: "Cleansing"},
|
||||
]}
|
||||
title="Our Treatments"
|
||||
description="Personalized sessions tailored to your skin's needs for optimal results."
|
||||
@@ -124,19 +91,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Client Satisfaction",
|
||||
value: "98%",
|
||||
},
|
||||
label: "Client Satisfaction", value: "98%"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Certified Pros",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Certified Pros", value: "15+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Sessions Completed",
|
||||
value: "5k+",
|
||||
},
|
||||
label: "Sessions Completed", value: "5k+"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -149,40 +110,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Client",
|
||||
testimonial: "My complexion changed a lot after a few sessions. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-face-treatment_23-2149168544.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Client", testimonial: "My complexion changed a lot after a few sessions. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-face-treatment_23-2149168544.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Client",
|
||||
testimonial: "A space where you feel safe. I highly recommend it!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-cute-caucasian-young-girl-with-snowwhite-smile-dark-hair-white-background-people-free-time-concept_197531-31402.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "Client", testimonial: "A space where you feel safe. I highly recommend it!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-cute-caucasian-young-girl-with-snowwhite-smile-dark-hair-white-background-people-free-time-concept_197531-31402.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena K.",
|
||||
role: "Client",
|
||||
testimonial: "Good results, I highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-skincare-portrait_624325-3443.jpg",
|
||||
},
|
||||
id: "3", name: "Elena K.", role: "Client", testimonial: "Good results, I highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-skincare-portrait_624325-3443.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "James L.",
|
||||
role: "Client",
|
||||
testimonial: "Transformative experience for my skin.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-patient-dentist_23-2149164277.jpg",
|
||||
},
|
||||
id: "4", name: "James L.", role: "Client", testimonial: "Transformative experience for my skin.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-patient-dentist_23-2149164277.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria V.",
|
||||
role: "Client",
|
||||
testimonial: "The best clinic I have ever been to.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-beautiful-young-woman-after-bath-with-towel-her-head-isolated-white-background-ski_1258-138052.jpg",
|
||||
},
|
||||
id: "5", name: "Maria V.", role: "Client", testimonial: "The best clinic I have ever been to.", imageSrc: "http://img.b2bpic.net/free-photo/surprised-beautiful-young-woman-after-bath-with-towel-her-head-isolated-white-background-ski_1258-138052.jpg"},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Trusted by clients who want real results, in a space where they feel safe."
|
||||
@@ -193,8 +129,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Booking"
|
||||
title="Your skin transformation starts here"
|
||||
description="Book your first session and experience the ReGlow difference."
|
||||
@@ -208,25 +143,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user