Update src/app/page.tsx
This commit is contained in:
191
src/app/page.tsx
191
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Gielly Green"
|
||||
/>
|
||||
@@ -56,63 +46,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Where Nature Meets Luxury"
|
||||
description="Experience sustainable beauty at Gielly Green. We combine expert artistry with eco-friendly products for a salon experience that nurtures both your hair and the planet."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157456.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157456.jpg"
|
||||
imageAlt="Luxury salon interior with serene greenery"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-woman-have-weekend-reading-book-luxury-summer-terrace_496169-1932.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cute-woman-have-weekend-reading-book-luxury-summer-terrace_496169-1932.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-women-with-motorcycle-helmets_23-2147771901.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-women-with-motorcycle-helmets_23-2147771901.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dressed-white-pajamas_158538-18370.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dressed-white-pajamas_158538-18370.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crop-hairdresser-washing-hair-blonde_23-2147769799.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/crop-hairdresser-washing-hair-blonde_23-2147769799.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Rituals",
|
||||
},
|
||||
type: "text", text: "Organic Rituals"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Beauty",
|
||||
},
|
||||
type: "text", text: "Sustainable Beauty"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Artistry",
|
||||
},
|
||||
type: "text", text: "Expert Artistry"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Holistic Wellness",
|
||||
},
|
||||
type: "text", text: "Holistic Wellness"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nature Inspired",
|
||||
},
|
||||
type: "text", text: "Nature Inspired"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,18 +89,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Commitment to ",
|
||||
},
|
||||
type: "text", content: "Our Commitment to "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-doctor_23-2149311362.jpg",
|
||||
alt: "Stylist working in salon",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-woman-doctor_23-2149311362.jpg", alt: "Stylist working in salon"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Organic Beauty",
|
||||
},
|
||||
type: "text", content: " Organic Beauty"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -145,46 +105,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Signature Hair Care",
|
||||
description: "Holistic hair treatments using premium organic formulas.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-client-s-hair-indoors_23-2148940876.jpg?_wi=1",
|
||||
imageAlt: "Organic hair care",
|
||||
},
|
||||
title: "Signature Hair Care", description: "Holistic hair treatments using premium organic formulas.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-client-s-hair-indoors_23-2148940876.jpg", imageAlt: "Organic hair care"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-client-s-hair-indoors_23-2148940876.jpg?_wi=2",
|
||||
imageAlt: "Styling",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157456.jpg?_wi=2",
|
||||
imageAlt: "elegant beauty salon interior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-client-s-hair-indoors_23-2148940876.jpg", imageAlt: "Styling"}
|
||||
},
|
||||
{
|
||||
title: "Expert Styling",
|
||||
description: "Precision cutting and personalized styling techniques.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-client-s-hair-indoors_23-2148940876.jpg?_wi=3",
|
||||
imageAlt: "Hair styling",
|
||||
},
|
||||
title: "Expert Styling", description: "Precision cutting and personalized styling techniques.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-client-s-hair-indoors_23-2148940876.jpg", imageAlt: "Hair styling"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-client-s-hair-indoors_23-2148940876.jpg?_wi=4",
|
||||
imageAlt: "Consultation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-doctor_23-2149311362.jpg",
|
||||
imageAlt: "professional stylist working salon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-client-s-hair-indoors_23-2148940876.jpg", imageAlt: "Consultation"}
|
||||
},
|
||||
{
|
||||
title: "Nail Rituals",
|
||||
description: "Gentle, long-lasting nail services focused on health.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-manicure-process_1385-273.jpg?_wi=1",
|
||||
imageAlt: "Manicure",
|
||||
},
|
||||
title: "Nail Rituals", description: "Gentle, long-lasting nail services focused on health.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-manicure-process_1385-273.jpg", imageAlt: "Manicure"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-manicure-process_1385-273.jpg?_wi=2",
|
||||
imageAlt: "Pedicure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-client-s-hair-indoors_23-2148940876.jpg?_wi=5",
|
||||
imageAlt: "organic hair treatment process",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-manicure-process_1385-273.jpg", imageAlt: "Pedicure"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -199,45 +135,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing Experience",
|
||||
quote: "The most relaxing salon experience I've had. My hair feels rejuvenated.",
|
||||
name: "Sophie M.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-have-weekend-reading-book-luxury-summer-terrace_496169-1932.jpg",
|
||||
},
|
||||
id: "1", title: "Amazing Experience", quote: "The most relaxing salon experience I've had. My hair feels rejuvenated.", name: "Sophie M.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-have-weekend-reading-book-luxury-summer-terrace_496169-1932.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Eco-Friendly Choice",
|
||||
quote: "Love that they use sustainable products. My hair has never been healthier.",
|
||||
name: "Emma L.",
|
||||
role: "Creative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-women-with-motorcycle-helmets_23-2147771901.jpg",
|
||||
},
|
||||
id: "2", title: "Eco-Friendly Choice", quote: "Love that they use sustainable products. My hair has never been healthier.", name: "Emma L.", role: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/charming-women-with-motorcycle-helmets_23-2147771901.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Professional Team",
|
||||
quote: "The stylists are true artists. Highly recommend the signature treatment.",
|
||||
name: "Claire R.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
|
||||
},
|
||||
id: "3", title: "Professional Team", quote: "The stylists are true artists. Highly recommend the signature treatment.", name: "Claire R.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Relaxing Vibe",
|
||||
quote: "The atmosphere is so peaceful and clean. My go-to place.",
|
||||
name: "Julie D.",
|
||||
role: "Executive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dressed-white-pajamas_158538-18370.jpg",
|
||||
},
|
||||
id: "4", title: "Relaxing Vibe", quote: "The atmosphere is so peaceful and clean. My go-to place.", name: "Julie D.", role: "Executive", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dressed-white-pajamas_158538-18370.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Excellent Service",
|
||||
quote: "Professional, kind, and results are incredible every time.",
|
||||
name: "Sarah P.",
|
||||
role: "Teacher",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-washing-hair-blonde_23-2147769799.jpg",
|
||||
},
|
||||
id: "5", title: "Excellent Service", quote: "Professional, kind, and results are incredible every time.", name: "Sarah P.", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-washing-hair-blonde_23-2147769799.jpg"},
|
||||
]}
|
||||
title="Loved by Our Clients"
|
||||
description="Real experiences from our wonderful community."
|
||||
@@ -248,16 +154,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Let's Connect"
|
||||
title="Ready to Transform Your Look?"
|
||||
description="Book your appointment today and join the Gielly Green family."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Your Appointment", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -268,29 +171,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Appointments",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Appointments", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user