Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
155
src/app/page.tsx
155
src/app/page.tsx
@@ -9,7 +9,8 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Calendar } from "lucide-react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import { Calendar, Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="P.Cutz"
|
||||
/>
|
||||
@@ -56,9 +49,7 @@ export default function LandingPage() {
|
||||
description="Experience the sharpest cuts and finest grooming in the city. Where tradition meets modern style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506206.jpg"
|
||||
/>
|
||||
@@ -69,14 +60,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Mastering the Art of Grooming",
|
||||
},
|
||||
type: "text", content: "Mastering the Art of Grooming"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-psd/barbershop-template-design_23-2151586247.jpg",
|
||||
alt: "Barber tools",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-psd/barbershop-template-design_23-2151586247.jpg", alt: "Barber tools"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -88,49 +74,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "classic",
|
||||
title: "Classic Cut",
|
||||
price: "$35",
|
||||
period: "per session",
|
||||
features: [
|
||||
"Haircut & Wash",
|
||||
"Hot Towel",
|
||||
"Neck Shave",
|
||||
],
|
||||
id: "classic", title: "Classic Cut", price: "$35", period: "per session", features: [
|
||||
"Haircut & Wash", "Hot Towel", "Neck Shave"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
},
|
||||
{
|
||||
id: "beard",
|
||||
title: "Beard Sculpting",
|
||||
price: "$25",
|
||||
period: "per session",
|
||||
features: [
|
||||
"Beard Trim",
|
||||
"Line Up",
|
||||
"Beard Oil Application",
|
||||
],
|
||||
id: "beard", title: "Beard Sculpting", price: "$25", period: "per session", features: [
|
||||
"Beard Trim", "Line Up", "Beard Oil Application"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
},
|
||||
{
|
||||
id: "full",
|
||||
title: "The Full P.Cutz",
|
||||
price: "$55",
|
||||
period: "per session",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Beard Trim",
|
||||
"Straight Razor Shave",
|
||||
],
|
||||
id: "full", title: "The Full P.Cutz", price: "$55", period: "per session", features: [
|
||||
"Haircut", "Beard Trim", "Straight Razor Shave"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -146,65 +105,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
role: "Client",
|
||||
company: "Local Regular",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg",
|
||||
},
|
||||
id: "1", name: "John D.", role: "Client", company: "Local Regular", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike S.",
|
||||
role: "Client",
|
||||
company: "Professional",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-happiness-emotions-concept-smiling-joyful-young-male-with-attractive-look-dressed-casual-white-t-shirt-looks-gladfully-aside-poses-against-studio-background-with-copy-space_273609-3426.jpg",
|
||||
},
|
||||
id: "2", name: "Mike S.", role: "Client", company: "Professional", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-happiness-emotions-concept-smiling-joyful-young-male-with-attractive-look-dressed-casual-white-t-shirt-looks-gladfully-aside-poses-against-studio-background-with-copy-space_273609-3426.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alex R.",
|
||||
role: "Client",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Client",
|
||||
company: "Long-time Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-shoot-pensive-man-with-beard-black-white-photo-with-low-contrast_613910-14630.jpg",
|
||||
},
|
||||
id: "3", name: "Alex R.", role: "Client", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear why P.Cutz is the top rated shop in the neighborhood."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-direct" data-section="contact-direct">
|
||||
<ContactText
|
||||
text="Ready for a fresh look? Book your session with our master barbers today."
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Call Now", href: "tel:+15550123456" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "We accept walk-ins, but appointments are recommended.",
|
||||
},
|
||||
id: "q1", title: "Do I need an appointment?", content: "We accept walk-ins, but appointments are recommended."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept cash and all major credit cards.",
|
||||
},
|
||||
id: "q2", title: "What payment methods do you accept?", content: "We accept cash and all major credit cards."},
|
||||
]}
|
||||
ctaTitle="Visit Us Today"
|
||||
ctaDescription="Get your fresh cut at P.Cutz. We are located in the heart of the city."
|
||||
ctaButton={{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Get Directions", href: "#"}}
|
||||
ctaIcon={Calendar}
|
||||
/>
|
||||
</div>
|
||||
@@ -213,25 +150,17 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "P.Cutz",
|
||||
items: [
|
||||
title: "P.Cutz", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -241,4 +170,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user