Merge version_1 into main #2
226
src/app/page.tsx
226
src/app/page.tsx
@@ -30,28 +30,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bella's The Salon"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,70 +46,20 @@ export default function LandingPage() {
|
||||
title="Elevating Your Natural Beauty"
|
||||
description="Experience professional styling at Downey's premier destination for luxury hair and makeup services."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Robin Clark",
|
||||
handle: "@LocalGuide",
|
||||
testimonial: "I love the renovations. Mark Biri makes me look and feel better every time I leave the salon.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-coat-leaning-wall_171337-16383.jpg?_wi=1",
|
||||
imageAlt: "elegant hair salon interior portrait",
|
||||
},
|
||||
{
|
||||
name: "DeWayne M",
|
||||
handle: "@LocalGuide",
|
||||
testimonial: "Michele is the best in the business! An Emmy award-winning talent, a true queen of her craft.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-composition_23-2148986633.jpg",
|
||||
imageAlt: "elegant hair salon interior portrait",
|
||||
},
|
||||
{
|
||||
name: "Vanessa Dionne",
|
||||
handle: "@Customer",
|
||||
testimonial: "I have been coming to Bella's for years. Always happy and get so many compliments on my hair.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-scissors-with-angry-face_141793-37454.jpg?_wi=1",
|
||||
imageAlt: "elegant hair salon interior portrait",
|
||||
},
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@Regular",
|
||||
testimonial: "The atmosphere is so calming and the results are consistently stunning.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130985.jpg?_wi=1",
|
||||
imageAlt: "elegant hair salon interior portrait",
|
||||
},
|
||||
{
|
||||
name: "Michael T.",
|
||||
handle: "@LocalGuide",
|
||||
testimonial: "Hands down the best styling I've received in Downey. Truly expert service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-smiling-white-background_1187-3894.jpg?_wi=1",
|
||||
imageAlt: "elegant hair salon interior portrait",
|
||||
},
|
||||
{ name: "Robin Clark", handle: "@LocalGuide", testimonial: "I love the renovations. Mark Biri makes me look and feel better every time I leave the salon.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-coat-leaning-wall_171337-16383.jpg", imageAlt: "elegant hair salon interior portrait" },
|
||||
{ name: "DeWayne M", handle: "@LocalGuide", testimonial: "Michele is the best in the business! An Emmy award-winning talent, a true queen of her craft.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-composition_23-2148986633.jpg", imageAlt: "elegant hair salon interior portrait" },
|
||||
{ name: "Vanessa Dionne", handle: "@Customer", testimonial: "I have been coming to Bella's for years. Always happy and get so many compliments on my hair.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-scissors-with-angry-face_141793-37454.jpg", imageAlt: "elegant hair salon interior portrait" },
|
||||
{ name: "Sarah Jenkins", handle: "@Regular", testimonial: "The atmosphere is so calming and the results are consistently stunning.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130985.jpg", imageAlt: "elegant hair salon interior portrait" },
|
||||
{ name: "Michael T.", handle: "@LocalGuide", testimonial: "Hands down the best styling I've received in Downey. Truly expert service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-smiling-white-background_1187-3894.jpg", imageAlt: "elegant hair salon interior portrait" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-young-woman-coat-leaning-wall_171337-16383.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-young-woman-coat-leaning-wall_171337-16383.jpg"
|
||||
imageAlt="Luxury salon interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
|
||||
alt: "Client profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg",
|
||||
alt: "Client profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hair-brushes-with-smile-face-standing-light-wall_141793-56019.jpg",
|
||||
alt: "Client profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-trimmer-looking-aside-confused-standing-green-wall_141793-55408.jpg",
|
||||
alt: "Client profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-red-hair-cafe-drinks-summer-cocktail-happy-laughs-smiles_1321-3715.jpg",
|
||||
alt: "Client profile 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg", alt: "Client profile 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg", alt: "Client profile 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hair-brushes-with-smile-face-standing-light-wall_141793-56019.jpg", alt: "Client profile 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-trimmer-looking-aside-confused-standing-green-wall_141793-55408.jpg", alt: "Client profile 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-red-hair-cafe-drinks-summer-cocktail-happy-laughs-smiles_1321-3715.jpg", alt: "Client profile 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,19 +68,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Bella's Difference",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/home-interior-design-composition_23-2148986633.jpg",
|
||||
alt: "Salon interior details",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Located in Woodlake Center, Bella's The Salon has been the heart of Downey's beauty scene for years. Our Emmy-award-winning stylists ensure every client receives personalized, industry-leading care.",
|
||||
},
|
||||
{ type: "text", content: "The Bella's Difference" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/home-interior-design-composition_23-2148986633.jpg", alt: "Salon interior details" },
|
||||
{ type: "text", content: "Located in Woodlake Center, Bella's The Salon has been the heart of Downey's beauty scene for years. Our Emmy-award-winning stylists ensure every client receives personalized, industry-leading care." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -155,21 +81,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Haircuts",
|
||||
description: "Tailored cuts that complement your face shape and personal style perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-scissors-with-angry-face_141793-37454.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Advanced Coloring",
|
||||
description: "Expert highlighting, balayage, and full-color transformations using premium techniques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130985.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Bridal & Special Events",
|
||||
description: "Emmy-winning makeup and hairstyling to make your big day unforgettable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-smiling-white-background_1187-3894.jpg?_wi=2",
|
||||
},
|
||||
{ title: "Precision Haircuts", description: "Tailored cuts that complement your face shape and personal style perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-scissors-with-angry-face_141793-37454.jpg" },
|
||||
{ title: "Advanced Coloring", description: "Expert highlighting, balayage, and full-color transformations using premium techniques.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130985.jpg" },
|
||||
{ title: "Bridal & Special Events", description: "Emmy-winning makeup and hairstyling to make your big day unforgettable.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-smiling-white-background_1187-3894.jpg" },
|
||||
]}
|
||||
title="Expert Salon Services"
|
||||
description="From precision cuts to red-carpet makeup artistry, our services define elegance."
|
||||
@@ -183,26 +97,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Local Reviewer"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiling-woman-looking-camera_23-2148204752.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-sofa_329181-4317.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-talking-phone_23-2148660681.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiling-woman-looking-camera_23-2148204752.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-sofa_329181-4317.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-talking-phone_23-2148660681.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -214,14 +113,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Beauty Industry Awards",
|
||||
"Emmy Recognition",
|
||||
"Local Guide Choice",
|
||||
"Downey Daily",
|
||||
"Salon Excellence",
|
||||
"Premier Stylists",
|
||||
"Elite Care",
|
||||
]}
|
||||
"Beauty Industry Awards", "Emmy Recognition", "Local Guide Choice", "Downey Daily", "Salon Excellence", "Premier Stylists", "Elite Care"]}
|
||||
title="Community Trusted"
|
||||
description="Recognized for excellence in beauty and salon craft in Downey and beyond."
|
||||
/>
|
||||
@@ -232,21 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can reach us at (562) 869-0295 during business hours.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where is the salon located?",
|
||||
content: "We are located at 9986 Lakewood Blvd, Downey, CA 90240 in Woodlake Center.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your business hours?",
|
||||
content: "We are open daily; please contact us for specific appointment availability.",
|
||||
},
|
||||
{ id: "f1", title: "How do I book an appointment?", content: "You can reach us at (562) 869-0295 during business hours." },
|
||||
{ id: "f2", title: "Where is the salon located?", content: "We are located at 9986 Lakewood Blvd, Downey, CA 90240 in Woodlake Center." },
|
||||
{ id: "f3", title: "What are your business hours?", content: "We are open daily; please contact us for specific appointment availability." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Information about booking, hours, and our stylists."
|
||||
@@ -257,9 +137,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Get In Touch"
|
||||
description="Book your next transformation today and experience our expert service."
|
||||
tag="Contact Us"
|
||||
@@ -269,41 +147,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
{
|
||||
label: "9986 Lakewood Blvd, Downey, CA",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Call",
|
||||
items: [
|
||||
{
|
||||
label: "(562) 869-0295",
|
||||
href: "tel:5628690295",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Visit Us", items: [{ label: "9986 Lakewood Blvd, Downey, CA", href: "#" }] },
|
||||
{ title: "Call", items: [{ label: "(562) 869-0295", href: "tel:5628690295" }] },
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#features" }, { label: "Reviews", href: "#testimonials" }] },
|
||||
]}
|
||||
logoText="Bella's The Salon"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user