Merge version_2 into main #5
176
src/app/page.tsx
176
src/app/page.tsx
@@ -5,10 +5,10 @@ import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Award, CheckCircle, Scissors, Star, User, Zap } from "lucide-react";
|
||||
|
||||
@@ -30,66 +30,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "The Team", id: "team"},
|
||||
{
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Location", id: "location"},
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "The Team", id: "team" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Location", id: "location" },
|
||||
]}
|
||||
brandName="SH CUTZ"
|
||||
button={{
|
||||
text: "Book Now", href: "#booking"}}
|
||||
button={{ text: "Book Now", href: "#booking" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
<HeroBillboard
|
||||
title="Precision. Craft. Character."
|
||||
description="Where every cut is a conversation, and every client leaves looking their best. Est. The Danforth, Toronto."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Shubham A.", handle: "Local Client", testimonial: "He really takes his time to understand what you want. Best cut in the city.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg?_wi=1", imageAlt: "modern luxury barbershop interior dark"},
|
||||
{
|
||||
name: "Paul S.", handle: "Local Client", testimonial: "I left feeling fresh and confident. Amazing service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg?_wi=2", imageAlt: "barber cutting hair professional"},
|
||||
{
|
||||
name: "Kyle P.", handle: "Local Client", testimonial: "Best haircut I've had in years. Will be a regular.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg?_wi=1", imageAlt: "professional barber smiling"},
|
||||
{
|
||||
name: "Nirmal S.K.", handle: "Local Client", testimonial: "The attention to detail and vibe here are unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-pointing-them_141793-116999.jpg?_wi=1", imageAlt: "modern barber workspace portrait"},
|
||||
{
|
||||
name: "Dion A.", handle: "Local Client", testimonial: "Very particular with details for a sharp, clean look.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg", imageAlt: "man with stylish haircut"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment", href: "#booking"},
|
||||
{
|
||||
text: "View Services", href: "#services"},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0TjRXebOoJge9Z6e1toMB7ddV/uploaded-1775523888150-xc9a85ne.jpg"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-putting-cape-clients-neck_107420-94792.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-grey-background_613910-10286.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/headshot-thoughtful-handsome-man-looking-intrigued-squinting-thinking-about-something-standin_1258-163720.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-hipster-male-dressed-black-t-shirt-holds-head-with-tattooed-arms_613910-9176.jpg", alt: "Client 5"},
|
||||
buttons={[
|
||||
{ text: "Book Appointment", href: "#booking" },
|
||||
{ text: "View Services", href: "#services" },
|
||||
]}
|
||||
avatarText="Join our 500+ happy clients"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -97,10 +58,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="More Than Just A Haircut."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Our Shop", href: "#location"},
|
||||
]}
|
||||
buttons={[{ text: "Visit Our Shop", href: "#location" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -111,42 +69,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Classic Haircut", description: "Tailored to your style and preferences with a professional touch.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-putting-cape-clients-neck_107420-94792.jpg", imageAlt: "Classic haircut"},
|
||||
items: [
|
||||
{
|
||||
icon: Scissors,
|
||||
text: "Precise cut"},
|
||||
{
|
||||
icon: User,
|
||||
text: "Personalized consultation"},
|
||||
],
|
||||
title: "Classic Haircut", description: "Tailored to your style and preferences with a professional touch.", media: { imageSrc: "http://img.b2bpic.net/free-photo/barber-putting-cape-clients-neck_107420-94792.jpg", imageAlt: "Classic haircut" },
|
||||
items: [{ icon: Scissors, text: "Precise cut" }, { icon: User, text: "Personalized consultation" }],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Skin Fade", description: "Clean, sharp, and signature precision for a modern aesthetic.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-grey-background_613910-10286.jpg", imageAlt: "Skin fade"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Modern look"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Sharp edges"},
|
||||
],
|
||||
title: "Skin Fade", description: "Clean, sharp, and signature precision for a modern aesthetic.", media: { imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-grey-background_613910-10286.jpg", imageAlt: "Skin fade" },
|
||||
items: [{ icon: Zap, text: "Modern look" }, { icon: CheckCircle, text: "Sharp edges" }],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
title: "Beard Grooming", description: "Sculpted to suit your jawline perfectly with premium products.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-thoughtful-handsome-man-looking-intrigued-squinting-thinking-about-something-standin_1258-163720.jpg", imageAlt: "Beard grooming"},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Detail focused"},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Professional care"},
|
||||
],
|
||||
title: "Beard Grooming", description: "Sculpted to suit your jawline perfectly with premium products.", media: { imageSrc: "http://img.b2bpic.net/free-photo/headshot-thoughtful-handsome-man-looking-intrigued-squinting-thinking-about-something-standin_1258-163720.jpg", imageAlt: "Beard grooming" },
|
||||
items: [{ icon: Award, text: "Detail focused" }, { icon: Star, text: "Professional care" }],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
@@ -162,12 +96,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Semir", role: "Founder & Master Barber", description: "Mastering the craft with years of experience and sharp precision.", imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg?_wi=2"},
|
||||
{
|
||||
id: "2", name: "Efe", role: "Style Specialist", description: "Energy, style, and precision for every unique client.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-pointing-them_141793-116999.jpg?_wi=2"},
|
||||
{
|
||||
id: "3", name: "Join Us", role: "Looking for barbers", description: "We are growing. Join our team of experts.", imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg?_wi=3"},
|
||||
{ id: "1", name: "Semir", role: "Founder & Master Barber", description: "Mastering the craft with years of experience and sharp precision.", imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg?_wi=2" },
|
||||
{ id: "2", name: "Efe", role: "Style Specialist", description: "Energy, style, and precision for every unique client.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-pointing-them_141793-116999.jpg?_wi=2" },
|
||||
{ id: "3", name: "Join Us", role: "Looking for barbers", description: "We are growing. Join our team of experts.", imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg?_wi=3" },
|
||||
]}
|
||||
title="The Craftsmen"
|
||||
description="Meet the team that keeps the Danforth looking sharp."
|
||||
@@ -175,39 +106,27 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
<TestimonialCardTwo
|
||||
title="What Our Clients Say"
|
||||
description="Real stories from those who trust us with their look."
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonial="I left feeling fresh and confident. Amazing service from Sam and the team. Highly recommend this place."
|
||||
rating={5}
|
||||
author="Paul S."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-putting-cape-clients-neck_107420-94792.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-grey-background_613910-10286.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/headshot-thoughtful-handsome-man-looking-intrigued-squinting-thinking-about-something-standin_1258-163720.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-hipster-male-dressed-black-t-shirt-holds-head-with-tattooed-arms_613910-9176.jpg", alt: "Client 5"},
|
||||
testimonials={[
|
||||
{ id: "1", name: "Paul S.", role: "Local Client", testimonial: "I left feeling fresh and confident. Amazing service from Sam and the team. Highly recommend this place.", imageSrc: "http://img.b2bpic.net/free-photo/barber-putting-cape-clients-neck_107420-94792.jpg" },
|
||||
{ id: "2", name: "Shubham A.", role: "Local Client", testimonial: "He really takes his time to understand what you want. Best cut in the city.", imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg?_wi=1" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal"}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Ready to get looking sharp? Book your appointment at SH Cutz today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", href: "tel:+1416"},
|
||||
{
|
||||
text: "Email Us", href: "mailto:shcutz@gmail.com"},
|
||||
{ text: "Call Now", href: "tel:+1416" },
|
||||
{ text: "Email Us", href: "mailto:shcutz@gmail.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -219,32 +138,23 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "The Team", href: "#team"},
|
||||
{
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Location", href: "#location"},
|
||||
{ label: "Our Story", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "The Team", href: "#team" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
{ label: "Location", href: "#location" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours", items: [
|
||||
{
|
||||
label: "Mon-Sat: 9am-7pm", href: "#"},
|
||||
{
|
||||
label: "Sun: 10am-5pm", href: "#"},
|
||||
{ label: "Mon-Sat: 9am-7pm", href: "#" },
|
||||
{ label: "Sun: 10am-5pm", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Book Now", href: "#booking"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{ label: "Book Now", href: "#booking" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user