Update src/app/page.tsx
This commit is contained in:
207
src/app/page.tsx
207
src/app/page.tsx
@@ -8,7 +8,6 @@ import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -30,25 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="In Tha Cut"
|
||||
/>
|
||||
@@ -57,67 +44,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision Cuts in Wilmington"
|
||||
description="Experience superior fades, sharp beard trims, and a welcoming atmosphere right on Maryland Ave. Join the family today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "https://google.com",
|
||||
},
|
||||
text: "Book Now", href: "https://google.com"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4691.jpg"
|
||||
imageAlt="Professional barber cutting hair"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-business-man-with-apron_23-2148366567.jpg",
|
||||
alt: "Barber 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-business-man-with-apron_23-2148366567.jpg", alt: "Barber 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-1374.jpg",
|
||||
alt: "Barber 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-1374.jpg", alt: "Barber 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg",
|
||||
alt: "Barber 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg", alt: "Barber 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462462.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462462.jpg", alt: "Client 2"},
|
||||
]}
|
||||
avatarText="Trusted by 100+ local residents"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fades",
|
||||
},
|
||||
type: "text", text: "Fades"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beard Trims",
|
||||
},
|
||||
type: "text", text: "Beard Trims"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Razor Shaves",
|
||||
},
|
||||
type: "text", text: "Razor Shaves"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hair Designs",
|
||||
},
|
||||
type: "text", text: "Hair Designs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kids Cuts",
|
||||
},
|
||||
type: "text", text: "Kids Cuts"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,58 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Neighborhood Choice for Style",
|
||||
},
|
||||
type: "text", content: "The Neighborhood Choice for Style"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg",
|
||||
alt: "Inside In Tha Cut",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg", alt: "Inside In Tha Cut"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Learn More", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-man-with-apron_23-2148366567.jpg",
|
||||
imageAlt: "John Barber",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
role: "Senior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-1374.jpg",
|
||||
imageAlt: "Jane Barber",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Ross",
|
||||
role: "Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg",
|
||||
imageAlt: "Mike Barber",
|
||||
},
|
||||
]}
|
||||
title="Our Skilled Barbers"
|
||||
description="Meet the team dedicated to your fresh look."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
@@ -186,64 +107,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Pam McNeilly",
|
||||
role: "Regular",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg",
|
||||
imageAlt: "Pam McNeilly",
|
||||
},
|
||||
id: "1", name: "Pam McNeilly", role: "Regular", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg", imageAlt: "Pam McNeilly"},
|
||||
{
|
||||
id: "2",
|
||||
name: "William Austin III",
|
||||
role: "Regular",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462462.jpg",
|
||||
imageAlt: "William Austin III",
|
||||
},
|
||||
id: "2", name: "William Austin III", role: "Regular", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462462.jpg", imageAlt: "William Austin III"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mateo Butcher",
|
||||
role: "Regular",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bald-caucasian-man-pink-hoodie-isolated-happy-cheerful-smiling-moving-casual-confident-listening-music_343596-4857.jpg",
|
||||
imageAlt: "Mateo Butcher",
|
||||
},
|
||||
id: "3", name: "Mateo Butcher", role: "Regular", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bald-caucasian-man-pink-hoodie-isolated-happy-cheerful-smiling-moving-casual-confident-listening-music_343596-4857.jpg", imageAlt: "Mateo Butcher"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex Smith",
|
||||
role: "Regular",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-through-window_107420-12094.jpg",
|
||||
imageAlt: "Alex Smith",
|
||||
},
|
||||
id: "4", name: "Alex Smith", role: "Regular", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-through-window_107420-12094.jpg", imageAlt: "Alex Smith"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Jones",
|
||||
role: "Regular",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-image-amazing-young-female-with-blonde-bob-hairstyle-artistic-make-up-with-white-crystals-around-her-eye-posing-isolated-trendy-blouse-having-confident-look_343059-4377.jpg",
|
||||
imageAlt: "Sarah Jones",
|
||||
},
|
||||
id: "5", name: "Sarah Jones", role: "Regular", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-image-amazing-young-female-with-blonde-bob-hairstyle-artistic-make-up-with-white-crystals-around-her-eye-posing-isolated-trendy-blouse-having-confident-look_343059-4377.jpg", imageAlt: "Sarah Jones"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "4.8", label: "Google Rating"},
|
||||
{
|
||||
value: "41",
|
||||
label: "Reviews",
|
||||
},
|
||||
value: "41", label: "Reviews"},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "100+", label: "Happy Clients"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by the Wilmington community for over 10 years."
|
||||
@@ -256,20 +141,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "We welcome walk-ins and appointments.",
|
||||
},
|
||||
id: "1", title: "Do I need an appointment?", content: "We welcome walk-ins and appointments."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are you good with kids?",
|
||||
content: "Yes, we are family-friendly and great with kids.",
|
||||
},
|
||||
id: "2", title: "Are you good with kids?", content: "Yes, we are family-friendly and great with kids."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What are your hours?",
|
||||
content: "We are open until 7 PM daily.",
|
||||
},
|
||||
id: "3", title: "What are your hours?", content: "We are open until 7 PM daily."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Here is what you need to know before visiting."
|
||||
@@ -281,20 +157,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Ready for a fresh cut?"
|
||||
description="405 Maryland Ave, Wilmington, DE 19805 | Call: (302) 654-9606"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:3026549606",
|
||||
},
|
||||
text: "Call Now", href: "tel:3026549606"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user