Merge version_1 into main #2
213
src/app/page.tsx
213
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Luxe Salon"
|
||||
/>
|
||||
@@ -58,62 +48,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Your Look, Our Passion"
|
||||
description="Experience premium hair care tailored to you. Step into our salon for a transformation that defines elegance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hair-salon-workplace_23-2148108753.jpg",
|
||||
alt: "Stylist 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hair-salon-workplace_23-2148108753.jpg", alt: "Stylist 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg",
|
||||
alt: "Stylist 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg", alt: "Stylist 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",
|
||||
alt: "Stylist 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg", alt: "Stylist 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-neodymium-magnet-phenomenon_23-2148253601.jpg",
|
||||
alt: "Stylist 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-neodymium-magnet-phenomenon_23-2148253601.jpg", alt: "Stylist 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg",
|
||||
alt: "Stylist 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg", alt: "Stylist 5"},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Cuts",
|
||||
},
|
||||
type: "text", text: "Precision Cuts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Balayage Experts",
|
||||
},
|
||||
type: "text", text: "Balayage Experts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Treatments",
|
||||
},
|
||||
type: "text", text: "Luxury Treatments"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Styling",
|
||||
},
|
||||
type: "text", text: "Modern Styling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gentlemen's Grooming",
|
||||
},
|
||||
type: "text", text: "Gentlemen's Grooming"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,19 +93,13 @@ export default function LandingPage() {
|
||||
description="At Luxe Salon, we combine deep expertise with a personalized experience. Our professionals are dedicated to precision, style, and your individual aesthetic."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Professional Team",
|
||||
description: "Masters of modern cutting and coloring.",
|
||||
},
|
||||
title: "Professional Team", description: "Masters of modern cutting and coloring."},
|
||||
{
|
||||
title: "Personalized Service",
|
||||
description: "Your vision is our priority every step.",
|
||||
},
|
||||
title: "Personalized Service", description: "Your vision is our priority every step."},
|
||||
{
|
||||
title: "Luxury Experience",
|
||||
description: "Relax in our sophisticated serene studio.",
|
||||
},
|
||||
title: "Luxury Experience", description: "Relax in our sophisticated serene studio."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -150,36 +111,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Haircuts",
|
||||
description: "Bespoke cuts that frame your unique features.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hostess-latino-hair-salon_23-2150555153.jpg",
|
||||
imageAlt: "Hostess of latino hair salon",
|
||||
title: "Haircuts", description: "Bespoke cuts that frame your unique features.", bentoComponent: "reveal-icon", icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Coloring",
|
||||
description: "Advanced techniques for vibrant, healthy hair.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Palette,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg?_wi=2",
|
||||
imageAlt: "Hostess of latino hair salon",
|
||||
title: "Coloring", description: "Advanced techniques for vibrant, healthy hair.", bentoComponent: "reveal-icon", icon: Palette,
|
||||
},
|
||||
{
|
||||
title: "Styling",
|
||||
description: "Perfectly sculpted styles for any occasion.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg?_wi=2",
|
||||
imageAlt: "Hostess of latino hair salon",
|
||||
title: "Styling", description: "Perfectly sculpted styles for any occasion.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Grooming",
|
||||
description: "Expert beard and hair grooming services.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: User,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-caucasian-blond-woman-walking-outdoors-beautiful-woman-white-shirt-fashion-portrait-gorgeous-woman-young-woman-having-fun-city-street-fashion_291650-1516.jpg?_wi=1",
|
||||
imageAlt: "Hostess of latino hair salon",
|
||||
title: "Grooming", description: "Expert beard and hair grooming services.", bentoComponent: "reveal-icon", icon: User,
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -189,46 +130,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elegant Blonde",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-portrait_1296-671.jpg",
|
||||
},
|
||||
id: "1", name: "Elegant Blonde", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-portrait_1296-671.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Modern Brunette",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beauty-portrait-fashionable-woman-with-long-hairs-stylish-autumn-dress-lies_273443-4031.jpg",
|
||||
},
|
||||
id: "2", name: "Modern Brunette", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beauty-portrait-fashionable-woman-with-long-hairs-stylish-autumn-dress-lies_273443-4031.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Vibrant Tones",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-artist-woman-holding-art-supplies-red-wall_114579-55992.jpg",
|
||||
},
|
||||
id: "3", name: "Vibrant Tones", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/young-artist-woman-holding-art-supplies-red-wall_114579-55992.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Classic Style",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-short-hair-red-lipstick_158538-8423.jpg",
|
||||
},
|
||||
id: "4", name: "Classic Style", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-short-hair-red-lipstick_158538-8423.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Bespoke Cut",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-caucasian-blond-woman-walking-outdoors-beautiful-woman-white-shirt-fashion-portrait-gorgeous-woman-young-woman-having-fun-city-street-fashion_291650-1516.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Bespoke Cut", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-caucasian-blond-woman-walking-outdoors-beautiful-woman-white-shirt-fashion-portrait-gorgeous-woman-young-woman-having-fun-city-street-fashion_291650-1516.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Salon Finish",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108824.jpg",
|
||||
},
|
||||
id: "6", name: "Salon Finish", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108824.jpg"},
|
||||
]}
|
||||
title="Portfolio of Styles"
|
||||
description="A glimpse into our signature work."
|
||||
@@ -241,45 +159,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Loved it!",
|
||||
quote: "The best hair transformation I have ever had. Truly elegant experience.",
|
||||
name: "Sarah Miller",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-photo-headshot-attractive-young-woman-with-dyed-middle-length-hair-with-red-lips-earrings-smiling-camera-with-happiness-blurred-background_132075-10278.jpg",
|
||||
},
|
||||
id: "1", title: "Loved it!", quote: "The best hair transformation I have ever had. Truly elegant experience.", name: "Sarah Miller", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/stock-photo-headshot-attractive-young-woman-with-dyed-middle-length-hair-with-red-lips-earrings-smiling-camera-with-happiness-blurred-background_132075-10278.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Highly Recommend",
|
||||
quote: "Incredible attention to detail and a very relaxing atmosphere.",
|
||||
name: "James Cook",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-teaching-sign-language_23-2148803694.jpg",
|
||||
},
|
||||
id: "2", title: "Highly Recommend", quote: "Incredible attention to detail and a very relaxing atmosphere.", name: "James Cook", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-teaching-sign-language_23-2148803694.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "My Favorite Salon",
|
||||
quote: "I won't trust anyone else with my hair. Professionals through and through.",
|
||||
name: "Emma Watson",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-cute-woman-portrait-outdoor_624325-1864.jpg",
|
||||
},
|
||||
id: "3", title: "My Favorite Salon", quote: "I won't trust anyone else with my hair. Professionals through and through.", name: "Emma Watson", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/happy-cute-woman-portrait-outdoor_624325-1864.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Pure Luxury",
|
||||
quote: "The entire experience was seamless and sophisticated. Loved my result.",
|
||||
name: "Sophia Lee",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
|
||||
},
|
||||
id: "4", title: "Pure Luxury", quote: "The entire experience was seamless and sophisticated. Loved my result.", name: "Sophia Lee", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Outstanding",
|
||||
quote: "Perfect service, perfect style, perfect salon environment.",
|
||||
name: "David Brown",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-visagiste-with-client-smiling-camera_23-2148113181.jpg",
|
||||
},
|
||||
id: "5", title: "Outstanding", quote: "Perfect service, perfect style, perfect salon environment.", name: "David Brown", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/female-visagiste-with-client-smiling-camera_23-2148113181.jpg"},
|
||||
]}
|
||||
title="Client Experiences"
|
||||
description="Hear what our wonderful clients have to say about Luxe."
|
||||
@@ -290,8 +178,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Visit"
|
||||
description="Phone: +1 555-123-4567 | Address: 123 Luxury Lane, Salon City\nHours: Tue-Sat 10am-7pm"
|
||||
@@ -303,29 +190,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user