Merge version_1 into main #1
249
src/app/page.tsx
249
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Wiyanna’s Salon & Co."
|
||||
/>
|
||||
@@ -52,43 +40,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Top-Rated Hair Salon in Rome, GA"
|
||||
description="Expert haircuts, color, and styling with a welcoming, professional touch. Serving Rome, GA and surrounding areas."
|
||||
tag="Rated 4.8/5 from 100+ clients"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (706) 232-4247",
|
||||
href: "tel:7062324247",
|
||||
},
|
||||
{
|
||||
text: "Book Appointment Online",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now: (706) 232-4247", href: "tel:7062324247" },
|
||||
{ text: "Book Appointment Online", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-room-with-wooden-table_1203-564.jpg",
|
||||
imageAlt: "Modern welcoming salon interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg",
|
||||
imageAlt: "Professional stylist working",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-unfocused-background_1203-572.jpg",
|
||||
imageAlt: "Restaurant with unfocused background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2150665413.jpg",
|
||||
imageAlt: "Full shot man getting a haircut",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-coffee-shop-with-white-chairs_1203-963.jpg",
|
||||
imageAlt: "Blurred coffee shop with white chairs",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vintage-room-with-wooden-table_1203-564.jpg", imageAlt: "Modern welcoming salon interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg", imageAlt: "Professional stylist working" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -101,46 +63,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Experience",
|
||||
quote: "Best place in Rome to get a haircut.",
|
||||
name: "Sarah Miller",
|
||||
role: "Local Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2789.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Highly Recommend",
|
||||
quote: "They really listen and deliver exactly what you want.",
|
||||
name: "John Doe",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-store-employees-working_23-2148915586.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Best Salon",
|
||||
quote: "Amazing service and friendly staff every time.",
|
||||
name: "Emily Smith",
|
||||
role: "Regular Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Curly Hair Expert",
|
||||
quote: "Finally found a stylist who understands curly hair!",
|
||||
name: "Jessica R.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27201.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Professional",
|
||||
quote: "Consistently great results, friendly atmosphere.",
|
||||
name: "Amanda K.",
|
||||
role: "Local Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg",
|
||||
},
|
||||
{ id: "1", title: "Great Experience", quote: "Best place in Rome to get a haircut.", name: "Sarah Miller", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2789.jpg" },
|
||||
{ id: "2", title: "Highly Recommend", quote: "They really listen and deliver exactly what you want.", name: "John Doe", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/clothes-store-employees-working_23-2148915586.jpg" },
|
||||
{ id: "3", title: "Best Salon", quote: "Amazing service and friendly staff every time.", name: "Emily Smith", role: "Regular Client", imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg" },
|
||||
{ id: "4", title: "Curly Hair Expert", quote: "Finally found a stylist who understands curly hair!", name: "Jessica R.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27201.jpg" },
|
||||
{ id: "5", title: "Professional", quote: "Consistently great results, friendly atmosphere.", name: "Amanda K.", role: "Local Client", imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it—see why Rome residents trust us with their hair."
|
||||
@@ -153,24 +80,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Haircuts & Styling",
|
||||
description: "Precision cuts tailored to your unique face shape and lifestyle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-barber-drying-head-customer_23-2147737074.jpg",
|
||||
imageAlt: "Haircuts and styling",
|
||||
},
|
||||
{
|
||||
title: "Custom Color",
|
||||
description: "Balayage, highlights, and expert color services to refresh your look.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130985.jpg",
|
||||
imageAlt: "Custom hair color",
|
||||
},
|
||||
{
|
||||
title: "Curly Hair Expertise",
|
||||
description: "Specialized treatments and cuts specifically for curly and thick hair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-dark-skinned-woman-makes-face-palm-cannot-stop-laughing-after-hearing-joke-expresses-positive-emotions-wears-hair-curlers-look-fabulous-tomorrow-party-dressed-silk-gown-hairstyling_273609-40017.jpg",
|
||||
imageAlt: "Curly hair services",
|
||||
},
|
||||
{ title: "Haircuts & Styling", description: "Precision cuts tailored to your unique face shape and lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/female-barber-drying-head-customer_23-2147737074.jpg", imageAlt: "Haircuts and styling" },
|
||||
{ title: "Custom Color", description: "Balayage, highlights, and expert color services to refresh your look.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130985.jpg", imageAlt: "Custom hair color" },
|
||||
{ title: "Curly Hair Expertise", description: "Specialized treatments and cuts specifically for curly and thick hair.", imageSrc: "http://img.b2bpic.net/free-photo/happy-dark-skinned-woman-makes-face-palm-cannot-stop-laughing-after-hearing-joke-expresses-positive-emotions-wears-hair-curlers-look-fabulous-tomorrow-party-dressed-silk-gown-hairstyling_273609-40017.jpg", imageAlt: "Curly hair services" },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="From precision cuts to custom color, we deliver personalized care."
|
||||
@@ -181,19 +93,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Welcome to Wiyanna’s Salon & Co.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg",
|
||||
alt: "Our team",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "We are a women-owned local salon focused on listening to your needs and providing a warm, community-focused experience.",
|
||||
},
|
||||
{ type: "text", content: "Welcome to Wiyanna’s Salon & Co." },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg", alt: "Our team" },
|
||||
{ type: "text", content: "We are a women-owned local salon focused on listening to your needs and providing a warm, community-focused experience." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -205,60 +107,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Style",
|
||||
name: "Transformation 1",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-barber-shaving-hair-client_23-2147778750.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Style",
|
||||
name: "Transformation 2",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-studio-fashion-portrait_1301-4486.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Style",
|
||||
name: "Transformation 3",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Style",
|
||||
name: "Transformation 4",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-bride-getting-hair-done_23-2149860769.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Style",
|
||||
name: "Transformation 5",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-teaching-sign-language_23-2148803694.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Style",
|
||||
name: "Transformation 6",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-make-up-stand-each-other-apply-hair-rollers-mascara-use-eyelashes-curler-prepare-special-occasion-want-look-beautiful_273609-52775.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Style", name: "Transformation 1", price: "", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/attractive-barber-shaving-hair-client_23-2147778750.jpg" },
|
||||
{ id: "2", brand: "Style", name: "Transformation 2", price: "", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-studio-fashion-portrait_1301-4486.jpg" },
|
||||
{ id: "3", brand: "Style", name: "Transformation 3", price: "", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg" },
|
||||
{ id: "4", brand: "Style", name: "Transformation 4", price: "", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/front-view-bride-getting-hair-done_23-2149860769.jpg" },
|
||||
{ id: "5", brand: "Style", name: "Transformation 5", price: "", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-teaching-sign-language_23-2148803694.jpg" },
|
||||
{ id: "6", brand: "Style", name: "Transformation 6", price: "", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/women-make-up-stand-each-other-apply-hair-rollers-mascara-use-eyelashes-curler-prepare-special-occasion-want-look-beautiful_273609-52775.jpg" },
|
||||
]}
|
||||
title="Our Work"
|
||||
description="Take a look at some of our recent transformations and results."
|
||||
@@ -268,19 +122,11 @@ export default function LandingPage() {
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready for your best hair yet? Book your appointment today—appointments fill quickly!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:7062324247",
|
||||
},
|
||||
{
|
||||
text: "Book Online",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:7062324247" },
|
||||
{ text: "Book Online", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -288,9 +134,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Contact Us: Rome, GA | (706) 232-4247 | Hours: Tue-Sat 9am-6pm"
|
||||
/>
|
||||
</div>
|
||||
@@ -299,33 +143,16 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(706) 232-4247",
|
||||
href: "tel:7062324247",
|
||||
},
|
||||
{
|
||||
label: "Rome, GA",
|
||||
href: "#",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "(706) 232-4247", href: "tel:7062324247" },
|
||||
{ label: "Rome, GA", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Links", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Book Now", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -335,4 +162,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user