Update src/app/page.tsx
This commit is contained in:
297
src/app/page.tsx
297
src/app/page.tsx
@@ -12,7 +12,7 @@ import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Scissors, Sparkles } from "lucide-react";
|
||||
import { Scissors, Sparkles, MapPin, Phone, Instagram, Facebook, Twitter } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Barbers",
|
||||
id: "team",
|
||||
},
|
||||
name: "Barbers", id: "team"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="G1FTED"
|
||||
/>
|
||||
@@ -60,68 +50,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision Cuts. Modern Style."
|
||||
description="Experience the G1FTED standard in grooming. Professional barbers committed to delivering sharp cuts and premium comfort."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Services", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-holding-hairdryer_23-2148224312.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thoughtful-man-barbershop_23-2147737096.jpg",
|
||||
alt: "Thoughtful man in barbershop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/thoughtful-man-barbershop_23-2147737096.jpg", alt: "Thoughtful man in barbershop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-man-having-drink-barbershop_23-2147736963.jpg",
|
||||
alt: "Stylish man having drink in barbershop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-man-having-drink-barbershop_23-2147736963.jpg", alt: "Stylish man having drink in barbershop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg",
|
||||
alt: "Mustache guy in barbershop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg", alt: "Mustache guy in barbershop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205873.jpg",
|
||||
alt: "Hairdresser grooming their client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205873.jpg", alt: "Hairdresser grooming their client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg",
|
||||
alt: "Front view of barber shop concept",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg", alt: "Front view of barber shop concept"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Grooming",
|
||||
type: "text", text: "Premium Grooming"},
|
||||
{
|
||||
type: "text-icon", text: "Precision Fades", icon: Scissors,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Precision Fades",
|
||||
icon: Scissors,
|
||||
type: "text", text: "Hot Towel Shaves"},
|
||||
{
|
||||
type: "text-icon", text: "Expert Styling", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hot Towel Shaves",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Styling",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Vibe",
|
||||
},
|
||||
type: "text", text: "Modern Vibe"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,17 +98,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Walk-ins subject to availability",
|
||||
"Non-traditional styling",
|
||||
"Premium memberships required for priority",
|
||||
],
|
||||
"Walk-ins subject to availability", "Non-traditional styling", "Premium memberships required for priority"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Expert precision grooming",
|
||||
"Complimentary hot towel",
|
||||
"Expert fade consultation",
|
||||
],
|
||||
"Expert precision grooming", "Complimentary hot towel", "Expert fade consultation"],
|
||||
}}
|
||||
title="Grooming Excellence"
|
||||
description="Everything you need to look your best, from precision fades to hot towel shaves."
|
||||
@@ -157,35 +116,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus V.",
|
||||
role: "Head Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-salon_52683-111009.jpg",
|
||||
},
|
||||
id: "1", name: "Marcus V.", role: "Head Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-salon_52683-111009.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah J.",
|
||||
role: "Master Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah J.", role: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David L.",
|
||||
role: "Fade Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-barber-wearing-uniform-glasses-looking-camera-showing-credit-card-scissors-isolated-blue-background_141793-138556.jpg",
|
||||
},
|
||||
id: "3", name: "David L.", role: "Fade Specialist", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-barber-wearing-uniform-glasses-looking-camera-showing-credit-card-scissors-isolated-blue-background_141793-138556.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex R.",
|
||||
role: "Junior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-razor_23-2147839800.jpg",
|
||||
},
|
||||
id: "4", name: "Alex R.", role: "Junior Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-razor_23-2147839800.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sam T.",
|
||||
role: "Senior Groomer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-male-barber-uniform-holding-hair-clippers-showing-peace-gesture-isolated-pink-wall_141793-103187.jpg",
|
||||
},
|
||||
id: "5", name: "Sam T.", role: "Senior Groomer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-male-barber-uniform-holding-hair-clippers-showing-peace-gesture-isolated-pink-wall_141793-103187.jpg"},
|
||||
]}
|
||||
title="Our Expert Barbers"
|
||||
description="Meet the artisans behind the chair."
|
||||
@@ -200,41 +139,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Premium Pomade",
|
||||
price: "$24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shoe-brush-polish_53876-14826.jpg",
|
||||
},
|
||||
id: "p1", name: "Premium Pomade", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shoe-brush-polish_53876-14826.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Beard Oil",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-anti-aging-treatment_23-2149266564.jpg",
|
||||
},
|
||||
id: "p2", name: "Beard Oil", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/man-using-anti-aging-treatment_23-2149266564.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Shaving Brush",
|
||||
price: "$32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cotton-pads-scissors_23-2147710739.jpg",
|
||||
},
|
||||
id: "p3", name: "Shaving Brush", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/cotton-pads-scissors_23-2147710739.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Styling Clay",
|
||||
price: "$26",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347095.jpg",
|
||||
},
|
||||
id: "p4", name: "Styling Clay", price: "$26", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347095.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hair Tonic",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326534.jpg",
|
||||
},
|
||||
id: "p5", name: "Hair Tonic", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326534.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Aftershave Balm",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313029.jpg",
|
||||
},
|
||||
id: "p6", name: "Aftershave Balm", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313029.jpg"},
|
||||
]}
|
||||
title="Shop Our Style"
|
||||
description="Premium grooming products used in the shop, now for home use."
|
||||
@@ -248,40 +163,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$35",
|
||||
subtitle: "Standard Cut",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Precision Cut",
|
||||
"Style",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$35", subtitle: "Standard Cut", features: [
|
||||
"Consultation", "Precision Cut", "Style"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "$50",
|
||||
subtitle: "The Full G1FTED",
|
||||
features: [
|
||||
"Hot Towel",
|
||||
"Cut",
|
||||
"Beard Trim",
|
||||
"Style",
|
||||
],
|
||||
id: "pro", badge: "Premium", price: "$50", subtitle: "The Full G1FTED", features: [
|
||||
"Hot Towel", "Cut", "Beard Trim", "Style"],
|
||||
},
|
||||
{
|
||||
id: "vip",
|
||||
badge: "Luxury",
|
||||
price: "$85",
|
||||
subtitle: "The Grooming Spa",
|
||||
features: [
|
||||
"Facial",
|
||||
"Hot Towel",
|
||||
"Full Cut",
|
||||
"Beard Detail",
|
||||
"Premium Products",
|
||||
],
|
||||
id: "vip", badge: "Luxury", price: "$85", subtitle: "The Grooming Spa", features: [
|
||||
"Facial", "Hot Towel", "Full Cut", "Beard Detail", "Premium Products"],
|
||||
},
|
||||
]}
|
||||
title="Services Pricing"
|
||||
@@ -297,45 +188,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James",
|
||||
role: "Loyal Patron",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg",
|
||||
},
|
||||
id: "1", name: "James", role: "Loyal Patron", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Anna",
|
||||
role: "Stylist Fan",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94785.jpg",
|
||||
},
|
||||
id: "2", name: "Anna", role: "Stylist Fan", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94785.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Bob",
|
||||
role: "Grooming Regular",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-holding-hair-clippers-winner-cup-isolated-olive-green_141793-84218.jpg",
|
||||
},
|
||||
id: "3", name: "Bob", role: "Grooming Regular", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-holding-hair-clippers-winner-cup-isolated-olive-green_141793-84218.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chris",
|
||||
role: "Business Owner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-stylish-headband-wearing-beautiful-earrings_343596-816.jpg",
|
||||
},
|
||||
id: "4", name: "Chris", role: "Business Owner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-stylish-headband-wearing-beautiful-earrings_343596-816.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dana",
|
||||
role: "New Client",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-age-couple-having-date_23-2149016160.jpg",
|
||||
},
|
||||
id: "5", name: "Dana", role: "New Client", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-age-couple-having-date_23-2149016160.jpg"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Hear what our clients say about G1FTED."
|
||||
@@ -347,20 +213,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "Yes, we prioritize bookings but welcome walk-ins when available.",
|
||||
},
|
||||
id: "q1", title: "Do you accept walk-ins?", content: "Yes, we prioritize bookings but welcome walk-ins when available."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What products do you use?",
|
||||
content: "We use premium organic grooming lines suitable for all hair types.",
|
||||
},
|
||||
id: "q2", title: "What products do you use?", content: "We use premium organic grooming lines suitable for all hair types."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I book a slot?",
|
||||
content: "Use our contact form or call us directly.",
|
||||
},
|
||||
id: "q3", title: "How do I book a slot?", content: "Use our contact form or call us directly."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -371,13 +228,14 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Booking"
|
||||
title="Visit Us Today"
|
||||
description="Ready for your next fresh cut? Get in touch now."
|
||||
title="Book Your Appointment"
|
||||
description="We offer online appointments, phone consultations, and premium walk-in service in the heart of downtown. Schedule your visit below."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bagels-sign-neon-lights-delicious-snacks_23-2148283899.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Your phone or email..."
|
||||
buttonText="Schedule Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -386,34 +244,23 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Barbers",
|
||||
href: "#team",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{ label: "123 Grooming Lane, City Center", href: "#" },
|
||||
{ label: "(555) 123-4567", href: "tel:5551234567" },
|
||||
{ label: "hello@g1fted.com", href: "mailto:hello@g1fted.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Booking Info",
|
||||
href: "#contact",
|
||||
},
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Booking Portal", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -423,4 +270,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user