Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
264
src/app/page.tsx
264
src/app/page.tsx
@@ -19,36 +19,21 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="FEVZI BARBER"
|
||||
/>
|
||||
@@ -56,48 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Mastery in Grooming."
|
||||
description="Fevzi Luxury Barber Shop provides world-class grooming services in the heart of Lethbridge. Experience the perfect blend of tradition and modern style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg?_wi=1",
|
||||
imageAlt: "Luxurious barber shop environment",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg?_wi=2",
|
||||
imageAlt: "Barber chair view",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg?_wi=3",
|
||||
imageAlt: "Grooming detail",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg?_wi=4",
|
||||
imageAlt: "Barber shop aesthetic",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg?_wi=5",
|
||||
imageAlt: "Professional workspace",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg?_wi=6",
|
||||
imageAlt: "Luxury barber tools",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg", imageAlt: "Luxurious barber shop environment" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg", imageAlt: "Barber chair view" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg", imageAlt: "Grooming detail" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg", imageAlt: "Barber shop aesthetic" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg", imageAlt: "Professional workspace" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg", imageAlt: "Luxury barber tools" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,18 +63,9 @@ export default function LandingPage() {
|
||||
title="The Fevzi Difference"
|
||||
description="We don't just cut hair; we curate your look. Fevzi Barbershop represents excellence in grooming, specializing in sharp fades, classic shaves, and premium beard maintenance."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Stylists",
|
||||
description: "Highly skilled barbers committed to perfection.",
|
||||
},
|
||||
{
|
||||
title: "Premium Products",
|
||||
description: "Only the finest quality grooming products used.",
|
||||
},
|
||||
{
|
||||
title: "Relaxed Atmosphere",
|
||||
description: "A refined space to unwind and refresh.",
|
||||
},
|
||||
{ title: "Expert Stylists", description: "Highly skilled barbers committed to perfection." },
|
||||
{ title: "Premium Products", description: "Only the finest quality grooming products used." },
|
||||
{ title: "Relaxed Atmosphere", description: "A refined space to unwind and refresh." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -134,24 +79,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Signature Haircut",
|
||||
description: "Precision cut tailored to your hair type and style preferences.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-stylist-drying-hair-with-brush_23-2147769824.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Classic Shave",
|
||||
description: "Traditional straight razor hot towel shave for ultimate smoothness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313013.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Beard Grooming",
|
||||
description: "Full beard shape-up, oil treatment, and styling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121947.jpg",
|
||||
},
|
||||
{ id: "s1", title: "Signature Haircut", description: "Precision cut tailored to your hair type and style preferences.", imageSrc: "http://img.b2bpic.net/free-photo/crop-stylist-drying-hair-with-brush_23-2147769824.jpg" },
|
||||
{ id: "s2", title: "Classic Shave", description: "Traditional straight razor hot towel shave for ultimate smoothness.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313013.jpg" },
|
||||
{ id: "s3", title: "Beard Grooming", description: "Full beard shape-up, oil treatment, and styling.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121947.jpg" },
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="From precise cuts to hot towel shaves, we offer the complete grooming experience."
|
||||
@@ -164,53 +94,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Basic Cut",
|
||||
price: "$35",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Haircut",
|
||||
"Neck trim",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "The Executive",
|
||||
price: "$60",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Haircut & Wash",
|
||||
"Hot Towel Shave",
|
||||
"Beard Trim",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Luxury Groom",
|
||||
price: "$85",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full Grooming",
|
||||
"Face Treatment",
|
||||
"Styling",
|
||||
],
|
||||
},
|
||||
{ id: "p1", name: "Basic Cut", price: "$35", buttons: [{ text: "Select", href: "#contact" }], features: ["Haircut", "Neck trim"] },
|
||||
{ id: "p2", name: "The Executive", price: "$60", buttons: [{ text: "Select", href: "#contact" }], features: ["Haircut & Wash", "Hot Towel Shave", "Beard Trim"] },
|
||||
{ id: "p3", name: "Luxury Groom", price: "$85", buttons: [{ text: "Select", href: "#contact" }], features: ["Full Grooming", "Face Treatment", "Styling"] },
|
||||
]}
|
||||
title="Pricing Options"
|
||||
description="Simple, transparent pricing for high-end results."
|
||||
@@ -223,60 +109,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark Stevens",
|
||||
role: "Professional",
|
||||
company: "Local Business",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-hipster-male-with-crossed-arms-dressed-red-fleece-shirt-grey-background_613910-2176.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James O'Connor",
|
||||
role: "Entrepreneur",
|
||||
company: "Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-wearing-stylish-leather-dress-posing-fashion-photoshoot_181624-59478.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert Miller",
|
||||
role: "Architect",
|
||||
company: "Designs Ltd",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-hand-his-pocket-holding-glass-drink_23-2147861968.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wilson",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-crosswalk_1098-14105.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Peterson",
|
||||
role: "Consultant",
|
||||
company: "Global Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-crosswalk_1098-14105.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Mark Stevens", role: "Professional", company: "Local Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-hipster-male-with-crossed-arms-dressed-red-fleece-shirt-grey-background_613910-2176.jpg" },
|
||||
{ id: "2", name: "James O'Connor", role: "Entrepreneur", company: "Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-wearing-stylish-leather-dress-posing-fashion-photoshoot_181624-59478.jpg" },
|
||||
{ id: "3", name: "Robert Miller", role: "Architect", company: "Designs Ltd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-hand-his-pocket-holding-glass-drink_23-2147861968.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
label: "Satisfied Clients",
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Customer Rating",
|
||||
},
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "5000+", label: "Satisfied Clients" },
|
||||
{ value: "4.9/5", label: "Customer Rating" },
|
||||
]}
|
||||
title="Client Experiences"
|
||||
description="Don't take our word for it. Our clients expect the best, and we deliver."
|
||||
@@ -286,9 +126,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Visit Us"
|
||||
title="Ready for a Fresh Cut?"
|
||||
description="Book your appointment today and join our elite clientele. We are located centrally in Lethbridge."
|
||||
@@ -300,37 +138,9 @@ export default function LandingPage() {
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-blue-grey-rough-textured-surface_84443-73630.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "Lethbridge, AB",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Location", items: [{ label: "Lethbridge, AB", href: "#" }] },
|
||||
{ title: "Follow", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="FEVZI BARBER"
|
||||
copyrightText="© 2025 Fevzi Barber Shop"
|
||||
|
||||
Reference in New Issue
Block a user