Merge version_1 into main #1
347
src/app/page.tsx
347
src/app/page.tsx
@@ -29,132 +29,51 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="That Girl Beauty Salon"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Your Beauty, Our Passion — Serving Chicago for Over 40 Years"
|
||||
description="Welcome to That Girl Beauty Salon, your neighborhood staple for premium salon services. Experience the warmth and expertise of a salon that has served the Montrose community with love and loyalty for four decades."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tropical-palm-leaf-shadows-peach-wall-background_84443-81847.jpg",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-manicure_23-2150507012.jpg",
|
||||
imageAlt: "Salon Experience",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-mixing-hair-dye-bowl_23-2149167363.jpg",
|
||||
imageAlt: "Salon Service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108845.jpg",
|
||||
imageAlt: "Styling View",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wrapping-face-client-barbershop_23-2147736957.jpg",
|
||||
imageAlt: "Result 1",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tropical-palm-leaf-shadows-peach-wall-background_84443-81847.jpg", imageAlt: "Salon Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-manicure_23-2150507012.jpg", imageAlt: "Salon Experience" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-mixing-hair-dye-bowl_23-2149167363.jpg", imageAlt: "Salon Service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108845.jpg", imageAlt: "Styling View" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-wrapping-face-client-barbershop_23-2147736957.jpg", imageAlt: "Result 1" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-hairdresser-drying-handsome-man-s-hair-by-hair-dryer-hairdressing-saloon-man-looking-mirror_549566-734.jpg",
|
||||
imageAlt: "Result 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-making-hairstyle-redhead-woman-beauty-salon_176420-4483.jpg",
|
||||
imageAlt: "Result 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-curling-her-hair_23-2148108801.jpg",
|
||||
imageAlt: "Result 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handmade-wedding-invitation-with-coral-tones_24972-230.jpg",
|
||||
imageAlt: "Interior View",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-women-putting-make-up_23-2149312122.jpg",
|
||||
imageAlt: "Owner Experience",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-hairdresser-drying-handsome-man-s-hair-by-hair-dryer-hairdressing-saloon-man-looking-mirror_549566-734.jpg", imageAlt: "Result 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-making-hairstyle-redhead-woman-beauty-salon_176420-4483.jpg", imageAlt: "Result 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-curling-her-hair_23-2148108801.jpg", imageAlt: "Result 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/handmade-wedding-invitation-with-coral-tones_24972-230.jpg", imageAlt: "Interior View" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-women-putting-make-up_23-2149312122.jpg", imageAlt: "Owner Experience" },
|
||||
]}
|
||||
buttons={[{ text: "Book Your Appointment", href: "#contact" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-round-plate-isolated_140725-22525.jpg",
|
||||
alt: "Client A",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pink-lily-flower-vase-pink-background_53876-98205.jpg",
|
||||
alt: "Client B",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dull-pink-paint-texture-background-with-leaf-shadow_53876-97447.jpg",
|
||||
alt: "Client C",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/neutral-abstract-texture-simple-background_53876-97492.jpg",
|
||||
alt: "Client D",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cup-coffee-with-cinnamon-flavour-wooden-board_114579-38802.jpg",
|
||||
alt: "Client E",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-round-plate-isolated_140725-22525.jpg", alt: "Client A" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pink-lily-flower-vase-pink-background_53876-98205.jpg", alt: "Client B" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dull-pink-paint-texture-background-with-leaf-shadow_53876-97447.jpg", alt: "Client C" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/neutral-abstract-texture-simple-background_53876-97492.jpg", alt: "Client D" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cup-coffee-with-cinnamon-flavour-wooden-board_114579-38802.jpg", alt: "Client E" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ local clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "40 Years of Excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Montrose Community Staple",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Styling Team",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Salon Care",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award-Winning Service",
|
||||
},
|
||||
{ type: "text", text: "40 Years of Excellence" },
|
||||
{ type: "text", text: "Montrose Community Staple" },
|
||||
{ type: "text", text: "Expert Styling Team" },
|
||||
{ type: "text", text: "Premium Salon Care" },
|
||||
{ type: "text", text: "Award-Winning Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,18 +84,9 @@ export default function LandingPage() {
|
||||
title="Rooted in Chicago Beauty"
|
||||
description="For over 40 years, That Girl Beauty Salon has been a cornerstone of the Montrose neighborhood. We don't just provide hair care; we build lifelong relationships with our clients."
|
||||
metrics={[
|
||||
{
|
||||
value: "40+",
|
||||
title: "Years Serving",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Dedication",
|
||||
},
|
||||
{ value: "40+", title: "Years Serving" },
|
||||
{ value: "10k+", title: "Happy Clients" },
|
||||
{ value: "100%", title: "Dedication" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-women-toasting_23-2147680737.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -190,48 +100,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Expert Haircuts",
|
||||
subtitle: "Precision cuts tailored to you.",
|
||||
category: "Cutting",
|
||||
value: "Starting at $45",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Color & Balayage",
|
||||
subtitle: "Expert coloring for healthy hair.",
|
||||
category: "Coloring",
|
||||
value: "Starting at $85",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Professional Styling",
|
||||
subtitle: "Blowouts, updos, and more.",
|
||||
category: "Styling",
|
||||
value: "Starting at $50",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Hair Treatments",
|
||||
subtitle: "Deep conditioning & restoration.",
|
||||
category: "Treatments",
|
||||
value: "Starting at $40",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Specialty Perms",
|
||||
subtitle: "Classic looks for everyday.",
|
||||
category: "Texture",
|
||||
value: "Starting at $120",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
title: "Bridal Packages",
|
||||
subtitle: "Your special day styling.",
|
||||
category: "Special",
|
||||
value: "Inquire for quote",
|
||||
},
|
||||
{ id: "s1", title: "Expert Haircuts", subtitle: "Precision cuts tailored to you.", category: "Cutting", value: "Starting at $45" },
|
||||
{ id: "s2", title: "Color & Balayage", subtitle: "Expert coloring for healthy hair.", category: "Coloring", value: "Starting at $85" },
|
||||
{ id: "s3", title: "Professional Styling", subtitle: "Blowouts, updos, and more.", category: "Styling", value: "Starting at $50" },
|
||||
{ id: "s4", title: "Hair Treatments", subtitle: "Deep conditioning & restoration.", category: "Treatments", value: "Starting at $40" },
|
||||
{ id: "s5", title: "Specialty Perms", subtitle: "Classic looks for everyday.", category: "Texture", value: "Starting at $120" },
|
||||
{ id: "s6", title: "Bridal Packages", subtitle: "Your special day styling.", category: "Special", value: "Inquire for quote" },
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="From classic cuts to modern color trends, we offer a comprehensive range of beauty services."
|
||||
@@ -245,60 +119,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Styling",
|
||||
name: "Modern Cut & Style",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-styling-hair-client_23-2147769815.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Color",
|
||||
name: "Sun-Kissed Balayage",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anonymous-hairdresser-coloring-hair-young-blonde_23-2147769764.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Updo",
|
||||
name: "Elegant Event Styling",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/actress-waiting-her-hair-be-done_23-2149066358.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Interior",
|
||||
name: "Relaxing Salon Area",
|
||||
price: "Space",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-africa-woman-making-eyebrows-girls-beauty-salon_1157-48328.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Color",
|
||||
name: "Vibrant Red Tint",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-does-hair-style-woman_93675-134626.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Treat",
|
||||
name: "Hydration Session",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2150665413.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Styling", name: "Modern Cut & Style", price: "Featured", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-styling-hair-client_23-2147769815.jpg" },
|
||||
{ id: "p2", brand: "Color", name: "Sun-Kissed Balayage", price: "Featured", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/anonymous-hairdresser-coloring-hair-young-blonde_23-2147769764.jpg" },
|
||||
{ id: "p3", brand: "Updo", name: "Elegant Event Styling", price: "Featured", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/actress-waiting-her-hair-be-done_23-2149066358.jpg" },
|
||||
{ id: "p4", brand: "Interior", name: "Relaxing Salon Area", price: "Space", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/girl-africa-woman-making-eyebrows-girls-beauty-salon_1157-48328.jpg" },
|
||||
{ id: "p5", brand: "Color", name: "Vibrant Red Tint", price: "Featured", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-does-hair-style-woman_93675-134626.jpg" },
|
||||
{ id: "p6", brand: "Treat", name: "Hydration Session", price: "Featured", rating: 5, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2150665413.jpg" },
|
||||
]}
|
||||
title="Salon Gallery"
|
||||
description="Browse our latest work and get inspired by our salon's cozy aesthetic."
|
||||
@@ -308,43 +134,14 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split-description"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mary L.",
|
||||
role: "Loyal Client",
|
||||
testimonial: "I've been coming here for 25 years. They treat you like family every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-partying-together_23-2149239023.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jennifer K.",
|
||||
role: "Client",
|
||||
testimonial: "Best salon in Chicago. Montrose Ave wouldn't be the same without them.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah J.",
|
||||
role: "Bride",
|
||||
testimonial: "They did my wedding hair and it was perfect. So professional and kind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David M.",
|
||||
role: "Regular",
|
||||
testimonial: "Excellent haircut every single time. Really appreciate the personal attention.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Linda R.",
|
||||
role: "Client",
|
||||
testimonial: "True neighborhood gem. Warm, welcoming, and talented staff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Mary L.", role: "Loyal Client", testimonial: "I've been coming here for 25 years. They treat you like family every single time.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-partying-together_23-2149239023.jpg" },
|
||||
{ id: "t2", name: "Jennifer K.", role: "Client", testimonial: "Best salon in Chicago. Montrose Ave wouldn't be the same without them.", imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg" },
|
||||
{ id: "t3", name: "Sarah J.", role: "Bride", testimonial: "They did my wedding hair and it was perfect. So professional and kind.", imageSrc: "http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg" },
|
||||
{ id: "t4", name: "David M.", role: "Regular", testimonial: "Excellent haircut every single time. Really appreciate the personal attention.", imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg" },
|
||||
{ id: "t5", name: "Linda R.", role: "Client", testimonial: "True neighborhood gem. Warm, welcoming, and talented staff.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg" },
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Serving loyal clients for over four decades, hear from the neighbors who trust us with their beauty."
|
||||
@@ -354,9 +151,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Book Your Appointment"
|
||||
description="Located at 5506 W Montrose Ave, Chicago, IL 60641. Call us at (773) 286-3467 or send us a message."
|
||||
@@ -371,46 +166,22 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Information", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Booking", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "5506 W Montrose Ave",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "(773) 286-3467",
|
||||
href: "tel:7732863467",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "5506 W Montrose Ave", href: "#contact" },
|
||||
{ label: "(773) 286-3467", href: "tel:7732863467" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
title: "Follow Us", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user