Update src/app/page.tsx
This commit is contained in:
242
src/app/page.tsx
242
src/app/page.tsx
@@ -6,12 +6,12 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import HeroSignup from '@/components/sections/hero/HeroSignup';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Scissors } from "lucide-react";
|
||||
import { Scissors, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,46 +31,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "pricing" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Rosewood Barber"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
<HeroSignup
|
||||
tag="Now Accepting Appointments"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
title="Elevate Your Style at Rosewood"
|
||||
description="Join our local community of gentlemen. Premium grooming, hot towel shaves, and top-tier service right in Beverly Grove."
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
variant: "sparkles-gradient"
|
||||
}}
|
||||
title="Timeless Grooming in Beverly Grove"
|
||||
description="Experience premium cuts, hot towel shaves, and legendary service. Join the legacy at Rosewood Barber."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-bearded-young-man-sitting-cafe-using-mobile-phone_23-2148176693.jpg"
|
||||
imageAlt="barber shop interior vintage"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
inputPlaceholder="Enter your email to get updates"
|
||||
buttonText="Get Started"
|
||||
onSubmit={(email) => console.log(email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -94,60 +77,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Popular",
|
||||
price: "$45",
|
||||
subtitle: "Precision Haircut",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Classic taper/fade",
|
||||
"Edge up",
|
||||
"Neck shave",
|
||||
"Style consultation",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Premium",
|
||||
price: "$60",
|
||||
subtitle: "Hot Towel Shave",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Straight razor shave",
|
||||
"Hot towels",
|
||||
"Facial massage",
|
||||
"Essential oils",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Combo",
|
||||
price: "$90",
|
||||
subtitle: "The Full Experience",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Premium Haircut",
|
||||
"Hot Towel Shave",
|
||||
"Eyebrow trim",
|
||||
"Neck massage",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Popular", price: "$45", subtitle: "Precision Haircut", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Classic taper/fade", "Edge up", "Neck shave", "Style consultation"] },
|
||||
{ id: "p2", badge: "Premium", price: "$60", subtitle: "Hot Towel Shave", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Straight razor shave", "Hot towels", "Facial massage", "Essential oils"] },
|
||||
{ id: "p3", badge: "Combo", price: "$90", subtitle: "The Full Experience", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Premium Haircut", "Hot Towel Shave", "Eyebrow trim", "Neck massage"] },
|
||||
]}
|
||||
title="Services & Pricing"
|
||||
description="Transparent quality for every grooming need."
|
||||
@@ -159,22 +91,8 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No rushing through cuts",
|
||||
"No inconsistent quality",
|
||||
"No cold shaves",
|
||||
"No generic experience",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Attention to detail",
|
||||
"Engaging conversation",
|
||||
"Professional atmosphere",
|
||||
"Highly skilled barbers",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["No rushing through cuts", "No inconsistent quality", "No cold shaves", "No generic experience"] }}
|
||||
positiveCard={{ items: ["Attention to detail", "Engaging conversation", "Professional atmosphere", "Highly skilled barbers"] }}
|
||||
title="Why Rosewood Leads"
|
||||
description="Quality isn't just a promise; it's our daily practice."
|
||||
/>
|
||||
@@ -186,41 +104,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Don",
|
||||
role: "Loyal Customer",
|
||||
testimonial: "Chanson was the best. Honestly, I'm never switching barbers again. 100/100 recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Denian Siphengphone",
|
||||
role: "Loyal Customer",
|
||||
testimonial: "A barber you trust is hard to find. Followed Lorenzo from his previous shop—worth it.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sahil Nayyar",
|
||||
role: "Loyal Customer",
|
||||
testimonial: "Lorenzo Ing has been my barber since day one. Amazing attention to detail and always goes above and beyond.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-getting-his-haircut-done_23-2148465253.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark R.",
|
||||
role: "Regular",
|
||||
testimonial: "Premium service and the best atmosphere in Los Angeles. Always walk out feeling fresh.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-bathrobe-using-trimmer_23-2148389895.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex V.",
|
||||
role: "New Customer",
|
||||
testimonial: "Perfect haircut, great conversation, and friendly staff. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-out-straight-razor-camera-isolated-blue_141793-73815.jpg",
|
||||
},
|
||||
{ id: "1", name: "Don", role: "Loyal Customer", testimonial: "Chanson was the best. Honestly, I'm never switching barbers again. 100/100 recommend.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg" },
|
||||
{ id: "2", name: "Denian Siphengphone", role: "Loyal Customer", testimonial: "A barber you trust is hard to find. Followed Lorenzo from his previous shop—worth it.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg" },
|
||||
{ id: "3", name: "Sahil Nayyar", role: "Loyal Customer", testimonial: "Lorenzo Ing has been my barber since day one. Amazing attention to detail and always goes above and beyond.", imageSrc: "http://img.b2bpic.net/free-photo/mature-man-getting-his-haircut-done_23-2148465253.jpg" },
|
||||
{ id: "4", name: "Mark R.", role: "Regular", testimonial: "Premium service and the best atmosphere in Los Angeles. Always walk out feeling fresh.", imageSrc: "http://img.b2bpic.net/free-photo/man-bathrobe-using-trimmer_23-2148389895.jpg" },
|
||||
{ id: "5", name: "Alex V.", role: "New Customer", testimonial: "Perfect haircut, great conversation, and friendly staff. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-out-straight-razor-camera-isolated-blue_141793-73815.jpg" },
|
||||
]}
|
||||
title="Voices of Our Community"
|
||||
description="Hear what our neighbors say about their experience."
|
||||
@@ -232,26 +120,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Appointments are highly encouraged to ensure your preferred time, but we occasionally welcome walk-ins based on availability.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at 436 N La Cienega Blvd, Los Angeles, CA 90048, right in the heart of Beverly Grove.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your hours?",
|
||||
content: "We are open from 9 AM daily (closed certain holidays). Check our booking page for real-time slot availability.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Are you LGBTQ+ friendly?",
|
||||
content: "Yes, we foster an inclusive and welcoming environment for everyone in our community.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need an appointment?", content: "Appointments are highly encouraged to ensure your preferred time, but we occasionally welcome walk-ins based on availability." },
|
||||
{ id: "f2", title: "Where are you located?", content: "We are located at 436 N La Cienega Blvd, Los Angeles, CA 90048, right in the heart of Beverly Grove." },
|
||||
{ id: "f3", title: "What are your hours?", content: "We are open from 9 AM daily (closed certain holidays). Check our booking page for real-time slot availability." },
|
||||
{ id: "f4", title: "Are you LGBTQ+ friendly?", content: "Yes, we foster an inclusive and welcoming environment for everyone in our community." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your appointment."
|
||||
@@ -262,9 +134,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Ready for your best cut?"
|
||||
description="Book your visit online or call us today to secure your chair."
|
||||
buttonText="Visit Booking Site"
|
||||
@@ -275,49 +145,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "(310) 360-4803",
|
||||
href: "tel:3103604803",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
{ title: "Connect", items: [{ label: "(310) 360-4803", href: "tel:3103604803" }, { label: "Instagram", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Rosewood Barber"
|
||||
bottomRightText="436 N La Cienega Blvd, Los Angeles"
|
||||
@@ -326,4 +156,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user