Merge version_1 into main #2
204
src/app/page.tsx
204
src/app/page.tsx
@@ -9,6 +9,7 @@ import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonia
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Scissors, Shield, Zap, User } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
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="Raja Salon"
|
||||
/>
|
||||
@@ -56,108 +47,58 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Raja Salon – Professional Barber in Montreal"
|
||||
description="Experience high-quality haircuts and expert styling in a clean, professional environment at affordable prices. Walk-ins welcome."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex M.",
|
||||
handle: "@alexm",
|
||||
testimonial: "Very professional and friendly service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-covering-man39s-face-with-warm-wet-towel_651396-2980.jpg?_wi=1",
|
||||
imageAlt: "professional barber shop interior modern",
|
||||
},
|
||||
name: "Alex M.", handle: "@alexm", testimonial: "Very professional and friendly service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-covering-man39s-face-with-warm-wet-towel_651396-2980.jpg", imageAlt: "professional barber shop interior modern"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "Best haircut for the price in Montreal.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-straighten-beard-with-razor-hairbrush-senior-client_23-2148181919.jpg",
|
||||
imageAlt: "barber tools and clean shop",
|
||||
},
|
||||
name: "Sarah K.", handle: "@sarahk", testimonial: "Best haircut for the price in Montreal.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-straighten-beard-with-razor-hairbrush-senior-client_23-2148181919.jpg", imageAlt: "barber tools and clean shop"},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@davidl",
|
||||
testimonial: "Clean place and great staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mature-handsome-man_176420-15775.jpg",
|
||||
imageAlt: "happy client portrait barber shop",
|
||||
},
|
||||
name: "David L.", handle: "@davidl", testimonial: "Clean place and great staff.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mature-handsome-man_176420-15775.jpg", imageAlt: "happy client portrait barber shop"},
|
||||
{
|
||||
name: "Marc B.",
|
||||
handle: "@marcb",
|
||||
testimonial: "Highly recommended barber shop.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286038.jpg",
|
||||
imageAlt: "happy client portrait barber shop",
|
||||
},
|
||||
name: "Marc B.", handle: "@marcb", testimonial: "Highly recommended barber shop.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286038.jpg", imageAlt: "happy client portrait barber shop"},
|
||||
{
|
||||
name: "Jason R.",
|
||||
handle: "@jasonr",
|
||||
testimonial: "Will definitely be coming back.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/appearance-young-man-grey-tshirt-looking-his-reflection-mirror_259150-57868.jpg",
|
||||
imageAlt: "happy client portrait barber shop",
|
||||
},
|
||||
name: "Jason R.", handle: "@jasonr", testimonial: "Will definitely be coming back.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/appearance-young-man-grey-tshirt-looking-his-reflection-mirror_259150-57868.jpg", imageAlt: "happy client portrait barber shop"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15140000000",
|
||||
},
|
||||
text: "Call Now", href: "tel:+15140000000"},
|
||||
{
|
||||
text: "Get a Cut Today",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Cut Today", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-covering-man39s-face-with-warm-wet-towel_651396-2980.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-covering-man39s-face-with-warm-wet-towel_651396-2980.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-mature-handsome-man_176420-15775.jpg",
|
||||
alt: "Client Alex",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-mature-handsome-man_176420-15775.jpg", alt: "Client Alex"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286038.jpg",
|
||||
alt: "Client Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286038.jpg", alt: "Client Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/appearance-young-man-grey-tshirt-looking-his-reflection-mirror_259150-57868.jpg",
|
||||
alt: "Client David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/appearance-young-man-grey-tshirt-looking-his-reflection-mirror_259150-57868.jpg", alt: "Client David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sexy-goodlooking-attractive-stylish-bearded-man-brown_285396-4616.jpg",
|
||||
alt: "Client Marc",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sexy-goodlooking-attractive-stylish-bearded-man-brown_285396-4616.jpg", alt: "Client Marc"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/appearance-young-man-grey-tshirt-looking-his-reflection-mirror_259150-57868.jpg",
|
||||
alt: "Client Jason",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/appearance-young-man-grey-tshirt-looking-his-reflection-mirror_259150-57868.jpg", alt: "Client Jason"},
|
||||
]}
|
||||
avatarText="Trusted by 1000+ Montreal locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Cuts",
|
||||
},
|
||||
type: "text", text: "Precision Cuts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hot Towel Shaves",
|
||||
},
|
||||
type: "text", text: "Hot Towel Shaves"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Grooming",
|
||||
},
|
||||
type: "text", text: "Modern Grooming"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Affordable Prices",
|
||||
},
|
||||
type: "text", text: "Affordable Prices"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Styling",
|
||||
},
|
||||
type: "text", text: "Elite Styling"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,7 +107,6 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Passion for Grooming"
|
||||
description="At Raja Salon, we believe in professional, friendly, and experienced service. Our clean, welcoming environment is designed for your comfort, ensuring you leave looking your best. Our team is dedicated to providing high-end grooming experiences that don't break the bank."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -177,55 +117,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "haircut",
|
||||
badge: "Popular",
|
||||
price: "$15",
|
||||
subtitle: "Essential maintenance.",
|
||||
buttons: [
|
||||
id: "haircut", badge: "Popular", price: "$15", subtitle: "Essential maintenance.", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Classic cut",
|
||||
"Neck shave",
|
||||
"Styling",
|
||||
],
|
||||
"Classic cut", "Neck shave", "Styling"],
|
||||
},
|
||||
{
|
||||
id: "beard",
|
||||
badge: "Standard",
|
||||
price: "$10",
|
||||
subtitle: "For sharp edges.",
|
||||
buttons: [
|
||||
id: "beard", badge: "Standard", price: "$10", subtitle: "For sharp edges.", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Beard shape up",
|
||||
"Hot towel",
|
||||
"Beard oil",
|
||||
],
|
||||
"Beard shape up", "Hot towel", "Beard oil"],
|
||||
},
|
||||
{
|
||||
id: "styling",
|
||||
badge: "Premium",
|
||||
price: "$20",
|
||||
subtitle: "Full groom experience.",
|
||||
buttons: [
|
||||
id: "styling", badge: "Premium", price: "$20", subtitle: "Full groom experience.", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Haircut",
|
||||
"Beard trim",
|
||||
"Scalp massage",
|
||||
],
|
||||
"Haircut", "Beard trim", "Scalp massage"],
|
||||
},
|
||||
]}
|
||||
title="Services & Pricing"
|
||||
@@ -239,28 +152,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Modern Chairs",
|
||||
description: "High-end comfort for every customer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186516.jpg",
|
||||
buttonIcon: "Scissors",
|
||||
title: "Modern Chairs", description: "High-end comfort for every customer.", imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186516.jpg", buttonIcon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Clean Environment",
|
||||
description: "We prioritize hygiene and standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg",
|
||||
buttonIcon: "Shield",
|
||||
title: "Clean Environment", description: "We prioritize hygiene and standards.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Expert Styling",
|
||||
description: "Professional tools for every style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Expert Styling", description: "Professional tools for every style.", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Community Focus",
|
||||
description: "Dedicated to Montreal locals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-covering-man39s-face-with-warm-wet-towel_651396-2980.jpg?_wi=3",
|
||||
buttonIcon: "User",
|
||||
title: "Community Focus", description: "Dedicated to Montreal locals.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-covering-man39s-face-with-warm-wet-towel_651396-2980.jpg", buttonIcon: User,
|
||||
},
|
||||
]}
|
||||
title="Modern Shop Experience"
|
||||
@@ -272,8 +173,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Walk-ins Welcome Today"
|
||||
description="Visit Raja Salon in the heart of Montreal for your next haircut. Call us for appointments or simply drop by."
|
||||
@@ -290,25 +190,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user