Update src/app/page.tsx

This commit is contained in:
2026-03-30 19:17:28 +00:00
parent 8499b28266
commit e2abdaf1a6

View File

@@ -11,7 +11,7 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import MediaAbout from '@/components/sections/about/MediaAbout';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Scissors, Flame, Award, Sparkles, MapPin, Phone, Clock } from "lucide-react";
import { Scissors, Flame } from "lucide-react";
export default function LandingPage() {
return (
@@ -38,6 +38,7 @@ export default function LandingPage() {
{ name: "Contact", id: "contact" }
]}
brandName="Blend Barber Co."
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
@@ -62,6 +63,7 @@ export default function LandingPage() {
title="The Art of the Cut"
description="At Blend Barber Co., we treat every service as a craft. Our barbers are trained in both traditional techniques and contemporary trends to ensure you leave looking and feeling your absolute best."
imageSrc="http://img.b2bpic.net/free-photo/barber-man-apron-showing-beard-trimmer-hair-brush-begging-with-hope-expression-standing-orange-wall_141793-61641.jpg?_wi=1"
useInvertedBackground={false}
/>
</div>
@@ -71,10 +73,12 @@ export default function LandingPage() {
description="High-quality grooming solutions tailored to your needs."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "s1", name: "Signature Haircut", price: "$40", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg?_wi=1" },
{ id: "s2", name: "Hot Towel Shave", price: "$35", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg?_wi=1" },
{ id: "s3", name: "Beard Grooming", price: "$30", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313066.jpg?_wi=1" }
{ id: "s1", brand: "Blend", name: "Signature Haircut", price: "$40", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg?_wi=1" },
{ id: "s2", brand: "Blend", name: "Hot Towel Shave", price: "$35", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg?_wi=1" },
{ id: "s3", brand: "Blend", name: "Beard Grooming", price: "$30", rating: 4, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313066.jpg?_wi=1" }
]}
/>
</div>
@@ -84,6 +88,8 @@ export default function LandingPage() {
title="Meet Our Masters"
tag="Expert Team"
memberVariant="card"
membersAnimation="slide-up"
useInvertedBackground={false}
members={[
{ id: "m1", name: "Marcus V.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-senior-client-evaluating-work_23-2148181903.jpg" },
{ id: "m2", name: "Julian R.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-barber-shop_23-2148353460.jpg" },
@@ -99,6 +105,7 @@ export default function LandingPage() {
author="Arthur D."
ratingAnimation="slide-up"
avatarsAnimation="opacity"
useInvertedBackground={false}
avatars={[{ src: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg", alt: "Customer" }]}
/>
</div>
@@ -108,6 +115,7 @@ export default function LandingPage() {
sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about Blend Barber Co."
faqsAnimation="slide-up"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Do you accept walk-ins?", content: "While we welcome walk-ins, we highly recommend booking online to guarantee your preferred time slot." },
{ id: "f2", title: "Where can I park?", content: "Free street parking is available along the front of the shop for all customers." },
@@ -123,6 +131,7 @@ export default function LandingPage() {
description="Schedule your appointment today and experience professional barbering at its finest."
buttons={[{ text: "Book Now", href: "#" }]}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
/>
</div>