Merge version_1 into main #2
157
src/app/page.tsx
157
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Exclusive Barbers"
|
||||
/>
|
||||
@@ -53,25 +41,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Exclusive Barbers"
|
||||
description="Redefining the classic grooming experience. Exceptional service for the modern man."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://pixabay.com/get/g7356ed63e428358a3146e8fc12e3bdd66d759cd9feaea7faa8c48ea25074f2784257e71200e30ba3e5e5970e64cc7ca7e2a446e8afff21f6c72ca292e925a5fa_1280.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
videoSrc="https://www.w3schools.com/howto/mov_bbb.mp4?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -85,7 +64,6 @@ export default function LandingPage() {
|
||||
icon={Shield}
|
||||
imageSrc="https://pixabay.com/get/gf05401629b19396014c279afb8594ab0bb0b3c555e6aa80b4705082b0a4315eb99f3c2ca2b62b2bbacc967aa4a1eda76a9064ea0ec0a4923d55218c5091c8d53_1280.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
videoSrc="https://www.w3schools.com/howto/mov_bbb.mp4?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -96,28 +74,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Classic",
|
||||
title: "Precision Cut",
|
||||
subtitle: "Tailored to your features",
|
||||
description: "Classic scissor and clipper techniques for a sharp, refined look.",
|
||||
imageSrc: "https://pixabay.com/get/gdfbd25468493112f636fb0d46fad761b742e63d510e2d00895e2429adb656b95d7a5eaf88fa0d0f37aa61e3ee989bc3af8aae87106c5243e655f7346c254ce73_1280.jpg",
|
||||
tag: "Classic", title: "Precision Cut", subtitle: "Tailored to your features", description: "Classic scissor and clipper techniques for a sharp, refined look.", imageSrc: "https://pixabay.com/get/gdfbd25468493112f636fb0d46fad761b742e63d510e2d00895e2429adb656b95d7a5eaf88fa0d0f37aa61e3ee989bc3af8aae87106c5243e655f7346c254ce73_1280.jpg"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Signature",
|
||||
title: "Royal Shave",
|
||||
subtitle: "Hot towel relaxation",
|
||||
description: "Traditional straight razor shave with premium essential oils and hot towels.",
|
||||
imageSrc: "https://pixabay.com/get/gf8bc80dfc341254e4fac0ceac3b32dd6a476a996fb441c3c989b386b36e560107bf5c4e3cec31d8622d44cfb453dc3452016f67cd8316ad3f95656528f9be394_1280.jpg",
|
||||
tag: "Signature", title: "Royal Shave", subtitle: "Hot towel relaxation", description: "Traditional straight razor shave with premium essential oils and hot towels.", imageSrc: "https://pixabay.com/get/gf8bc80dfc341254e4fac0ceac3b32dd6a476a996fb441c3c989b386b36e560107bf5c4e3cec31d8622d44cfb453dc3452016f67cd8316ad3f95656528f9be394_1280.jpg"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Modern",
|
||||
title: "Beard Grooming",
|
||||
subtitle: "Sculpted and styled",
|
||||
description: "Complete beard shaping, oil conditioning, and line-up services.",
|
||||
imageSrc: "https://pixabay.com/get/g7d89d7336d2b77d9ebe900d387f98fc15e3275e5563c7b7070b65f6df5b4bb03e8c352e66d2e5ad85334d3379e3ee0df53d1ff9edb3d01bf4cf1286684c4c94b_1280.jpg",
|
||||
},
|
||||
tag: "Modern", title: "Beard Grooming", subtitle: "Sculpted and styled", description: "Complete beard shaping, oil conditioning, and line-up services.", imageSrc: "https://pixabay.com/get/g7d89d7336d2b77d9ebe900d387f98fc15e3275e5563c7b7070b65f6df5b4bb03e8c352e66d2e5ad85334d3379e3ee0df53d1ff9edb3d01bf4cf1286684c4c94b_1280.jpg"
|
||||
}
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="From classic hot towel shaves to bespoke modern haircuts, we treat every client with the individual care they deserve."
|
||||
@@ -131,23 +97,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Thorne",
|
||||
role: "Master Barber",
|
||||
imageSrc: "https://pixabay.com/get/g0d76be884f447d39138fd7b4f7aa7d0716f1c40aeb2a64bdb328b6fc387297aaf7a3a61d5e5e86660f47d324484b2c0e3b8f75cf9557ef0e65f966a1ccf4b2eb_1280.jpg",
|
||||
id: "1", name: "Marcus Thorne", role: "Master Barber", imageSrc: "https://pixabay.com/get/g0d76be884f447d39138fd7b4f7aa7d0716f1c40aeb2a64bdb328b6fc387297aaf7a3a61d5e5e86660f47d324484b2c0e3b8f75cf9557ef0e65f966a1ccf4b2eb_1280.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Julian Vega",
|
||||
role: "Head Stylist",
|
||||
imageSrc: "https://pixabay.com/get/gcb2c5b892415b896c269334e50118431601fca6c946481c42161fbc7468ac3026c5346f975e3f06b6475586d65f9d60e97745d8c5a6580d0086ea7c4b52e70b3_1280.jpg",
|
||||
id: "2", name: "Julian Vega", role: "Head Stylist", imageSrc: "https://pixabay.com/get/gcb2c5b892415b896c269334e50118431601fca6c946481c42161fbc7468ac3026c5346f975e3f06b6475586d65f9d60e97745d8c5a6580d0086ea7c4b52e70b3_1280.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elias Thorne",
|
||||
role: "Grooming Specialist",
|
||||
imageSrc: "https://pixabay.com/get/g67545f4a944e0d7d7dce6f8cdddd3004dcd07482dda645957debc70716608ae4b6e52ad27a981b1ee84233f6e0c5c8f3f911cbef80f01a5fe1acd4d1a3e78ec9_1280.jpg",
|
||||
},
|
||||
id: "3", name: "Elias Thorne", role: "Grooming Specialist", imageSrc: "https://pixabay.com/get/g67545f4a944e0d7d7dce6f8cdddd3004dcd07482dda645957debc70716608ae4b6e52ad27a981b1ee84233f6e0c5c8f3f911cbef80f01a5fe1acd4d1a3e78ec9_1280.jpg"
|
||||
}
|
||||
]}
|
||||
title="Meet the Artists"
|
||||
description="The talent behind the chair. Our team of master barbers is dedicated to perfection."
|
||||
@@ -162,37 +119,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James R.",
|
||||
role: "Attorney",
|
||||
company: "Global Law",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g4005675802ccf41d6184b914992e884d8a7faabbedad346e6220de33495a06dbe743ce8cfe2ef808ad79a5e64db50f89911cdf9bf57c85290a0e6ea41d18cdcd_1280.jpg",
|
||||
id: "1", name: "James R.", role: "Attorney", company: "Global Law", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g4005675802ccf41d6184b914992e884d8a7faabbedad346e6220de33495a06dbe743ce8cfe2ef808ad79a5e64db50f89911cdf9bf57c85290a0e6ea41d18cdcd_1280.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus W.",
|
||||
role: "Founder",
|
||||
company: "Tech Labs",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g6cc552c4bd7fbf49bf5ac27e31efef878d5c54c8606f3b4fe7f9251d92c5dab868bef4237fc01f789475fc5925ac08850aba946839be0c092dd91fd0d660e016_1280.jpg",
|
||||
id: "2", name: "Marcus W.", role: "Founder", company: "Tech Labs", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g6cc552c4bd7fbf49bf5ac27e31efef878d5c54c8606f3b4fe7f9251d92c5dab868bef4237fc01f789475fc5925ac08850aba946839be0c092dd91fd0d660e016_1280.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David P.",
|
||||
role: "Architect",
|
||||
company: "Studio Urban",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g5174dcb0b821b0be1c8e29aed13ed812e1c6b98e95104fa61b207b4b826108a2b4ef6eccf0d4b3f280acd0d6a86084964d5c16f424a193c4b656a1d9a1672c9e_1280.jpg",
|
||||
id: "3", name: "David P.", role: "Architect", company: "Studio Urban", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g5174dcb0b821b0be1c8e29aed13ed812e1c6b98e95104fa61b207b4b826108a2b4ef6eccf0d4b3f280acd0d6a86084964d5c16f424a193c4b656a1d9a1672c9e_1280.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Leo S.",
|
||||
role: "Consultant",
|
||||
company: "Strategy Partners",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g468e7274fba46497c5b06e727ec6c3bb4cd182dc8c3742f59d2e95aea0bb4fe44eda79196f5130d005b778a0c66046b69c126d97168230559f1d3974c28db31a_1280.jpg",
|
||||
},
|
||||
id: "4", name: "Leo S.", role: "Consultant", company: "Strategy Partners", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g468e7274fba46497c5b06e727ec6c3bb4cd182dc8c3742f59d2e95aea0bb4fe44eda79196f5130d005b778a0c66046b69c126d97168230559f1d3974c28db31a_1280.jpg"
|
||||
}
|
||||
]}
|
||||
title="Client Experiences"
|
||||
description="Don't just take our word for it. Here is what our community thinks."
|
||||
@@ -205,26 +146,13 @@ export default function LandingPage() {
|
||||
title="Secure Your Chair"
|
||||
description="Ready for your next experience? Use the form below to request an appointment."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your appointment request or questions...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Describe your appointment request or questions...", rows: 4,
|
||||
}}
|
||||
imageSrc="https://pixabay.com/get/g75654e7a8a9a0e68892f5c1114cdb801a0a68ce1588a17acbd9e99cf4d77e2c13ff920aaf32259166b858a2451dd3cda1cc4e05354ee912fa2158fcfe0d8cf68_1280.jpg"
|
||||
videoSrc="https://www.w3schools.com/howto/mov_bbb.mp4?_wi=3"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -233,33 +161,16 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "123 Grooming Lane, Suite 10",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "New York, NY 10001",
|
||||
href: "#",
|
||||
},
|
||||
title: "Location", items: [
|
||||
{ label: "123 Grooming Lane, Suite 10", href: "#" },
|
||||
{ label: "New York, NY 10001", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
{
|
||||
label: "Appointments",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Team", href: "#team" },
|
||||
{ label: "Appointments", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user