Merge version_2 into main #1
215
src/app/page.tsx
215
src/app/page.tsx
@@ -3,157 +3,96 @@
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import { Sparkles, Scissors, Clock, Calendar, Star, CheckCircle, Zap, Shield, Award, Users } from "lucide-react";
|
||||
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
||||
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { Wifi, Signal, Zap, ShieldCheck } from "lucide-react";
|
||||
|
||||
export default function SharpCutPage() {
|
||||
export default function SonicWifiPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
background="fluid"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="metallic"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Sharp Cut"
|
||||
brandName="SONIC wifi"
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Our Team", id: "team" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Precision Grooming, Elevated Style"
|
||||
description="Experience the ultimate barbershop visit. From classic tapers to modern beard sculpting, our experts deliver perfection in every single cut."
|
||||
tag="Top Rated Barbershop"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
buttons={[
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "View Services", href: "#services" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pretty-barber-girl-cutting-hair_624325-3064.jpg", imageAlt: "Classic haircut session" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-with-eyes-closed_23-2148256865.jpg", imageAlt: "Modern beard trim" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-dressed-red-fleece-shirt-grey-background_613910-13481.jpg", imageAlt: "Precision fade styling" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg", imageAlt: "Barbershop interior atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506284.jpg", imageAlt: "Customer grooming experience" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205855.jpg", imageAlt: "Tools of the trade" },
|
||||
]}
|
||||
carouselItemClassName="!aspect-[4/5]"
|
||||
/>
|
||||
<FeatureBento
|
||||
title="Our Grooming Services"
|
||||
description="Comprehensive care for the modern gentleman."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{ title: "Classic Cuts", description: "Timeless styles tailored to your facial structure.", bentoComponent: "reveal-icon", icon: Scissors },
|
||||
{ title: "Beard Sculpting", description: "Precise edging, shaping, and conditioning for your beard.", bentoComponent: "reveal-icon", icon: Star },
|
||||
{ title: "Hot Towel Shave", description: "The traditional luxury experience you deserve.", bentoComponent: "reveal-icon", icon: Clock },
|
||||
{ title: "Modern Styling", description: "Current trends, fades, and creative custom looks.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Coverage", id: "metrics" },
|
||||
{ name: "Support", id: "contact" },
|
||||
]}
|
||||
/>
|
||||
<FeatureCardTwentySix
|
||||
title="Our Signature Styles"
|
||||
description="Check out our latest work and find your next look."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Book Your Look", href: "#contact" }]}
|
||||
features={[
|
||||
{ title: "The Executive Fade", description: "Clean, professional, sharp.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4243.jpg", buttonIcon: Scissors },
|
||||
{ title: "Rugged Beard", description: "Natural yet well-manicured.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-shirtless-fatty-bearded-male-grey-background_613910-15710.jpg", buttonIcon: Scissors },
|
||||
{ title: "Classic Taper", description: "Effortless, clean finish.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9661.jpg", buttonIcon: Scissors },
|
||||
{ title: "Modern Quiff", description: "Dynamic volume and texture.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-with-shells-necklace_23-2149105403.jpg", buttonIcon: Scissors },
|
||||
]}
|
||||
/>
|
||||
<TestimonialCardFifteen
|
||||
testimonial="The best cut I've had in years. The shop has a great vibe, and the barbers really take their time to get it right. Won't go anywhere else!"
|
||||
rating={5}
|
||||
author="— David T., Regular Client"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Client" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<MetricCardOne
|
||||
title="Why Sharp Cut?"
|
||||
description="We pride ourselves on consistency and comfort."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "m1", value: "5k+", title: "Satisfied Clients", description: "Over five thousand successful cuts.", icon: Users },
|
||||
{ id: "m2", value: "10+", title: "Expert Barbers", description: "Skilled pros at your service.", icon: Award },
|
||||
{ id: "m3", value: "4.9", title: "Rating", description: "Consistently high reviews.", icon: CheckCircle },
|
||||
]}
|
||||
/>
|
||||
<TeamCardFive
|
||||
title="Meet Our Experts"
|
||||
description="Passionate professionals dedicated to your grooming."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
team={[
|
||||
{ id: "t1", name: "Marcus", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg" },
|
||||
{ id: "t2", name: "Elena", role: "Precision Specialist", imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg" },
|
||||
{ id: "t3", name: "James", role: "Style Consultant", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-1888.jpg" },
|
||||
]}
|
||||
/>
|
||||
<FaqBase
|
||||
title="Questions & Answers"
|
||||
description="Everything you need to know about our shop."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "Do I need an appointment?", content: "While we accept walk-ins, we highly recommend booking online to guarantee your preferred time slot." },
|
||||
{ id: "2", title: "How long do services take?", content: "Most cuts take about 30-45 minutes. We prioritize quality over speed." },
|
||||
{ id: "3", title: "Do you provide hair products?", content: "Yes, we carry a full range of premium pomades, balms, and oils." },
|
||||
]}
|
||||
/>
|
||||
<ContactCTA
|
||||
tag="Book Your Visit"
|
||||
title="Ready for a Sharp New Look?"
|
||||
description="Visit us at our downtown location or book online for your preferred time."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<FooterBase
|
||||
logoText="Sharp Cut"
|
||||
copyrightText="© 2025 Sharp Cut Barbershop"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "Services", href: "#services" }, { label: "Our Team", href: "#team" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
<div id="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="SONIC wifi"
|
||||
description="Ultra-high-speed connectivity for the modern home. Experience seamless, lag-free internet that keeps you ahead."
|
||||
buttons={[{ text: "Get Connected", href: "#contact" }, { text: "Learn More", href: "#features" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="features">
|
||||
<FeatureCardNine
|
||||
title="Next-Gen Connectivity"
|
||||
description="Engineered for speed, stability, and total coverage."
|
||||
showStepNumbers={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
features={[
|
||||
{
|
||||
title: "Gigabit Speeds",
|
||||
description: "Lightning fast downloads and zero latency gaming.",
|
||||
phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-5g-network-icon_23-2149156742.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-5g-network-icon_23-2149156742.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Total Home Coverage",
|
||||
description: "Dead zones are a thing of the past with our mesh system.",
|
||||
phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/smart-home-system-concept-with-connected-devices_23-2149156742.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/smart-home-system-concept-with-connected-devices_23-2149156742.jpg" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics">
|
||||
<MetricCardTwo
|
||||
title="Reliability Statistics"
|
||||
description="Proven performance across all environments."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
metrics={[
|
||||
{ id: "1", value: "99.9%", description: "Uptime guarantee" },
|
||||
{ id: "2", value: "1Gbps", description: "Average speed" },
|
||||
{ id: "3", value: "<10ms", description: "Ping latency" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact">
|
||||
<ContactSplit
|
||||
tag="Get Started"
|
||||
title="Join the Network"
|
||||
description="Check availability in your area today."
|
||||
onSubmit={(email) => console.log(email)}
|
||||
/>
|
||||
</div>
|
||||
<FooterLogoReveal
|
||||
logoText="SONIC wifi"
|
||||
leftLink={{ text: "Privacy", href: "#" }}
|
||||
rightLink={{ text: "Support", href: "#contact" }}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user