Merge version_4 into main #4

Merged
bender merged 2 commits from version_4 into main 2026-05-14 12:32:43 +00:00
2 changed files with 36 additions and 38 deletions

View File

@@ -4,15 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
export default function LandingPage() {
return (
@@ -22,11 +19,11 @@ export default function LandingPage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="mediumSizeLargeTitles"
background="blurBottom"
cardStyle="gradient-bordered"
background="noise"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
@@ -37,20 +34,21 @@ export default function LandingPage() {
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" },
]}
brandName="Januman Jee"
brandName="Sharp Edge"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{ variant: "downward-rays-static" }}
title="Januman Jee: Crafting Excellence in Every Cut"
description="Experience premium grooming services in a vintage, relaxing atmosphere. Book your session now."
background={{ variant: "sparkles-gradient" }}
title="Sharp Edge: Modern Grooming, Classic Style"
description="Experience premium grooming services in a crisp, relaxing atmosphere. Book your session now."
testimonials={[
{ name: "Alex R.", handle: "@alexr", testimonial: "Best haircut I have had in years. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg" },
{ name: "James K.", handle: "@jamesk", testimonial: "Authentic service and great attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg" }
]}
buttons={[{ text: "Book Now", href: "#contact" }]}
buttons={[{ text: "Book Now", href: "#contact" }]
}
imageSrc="http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg"
/>
</div>
@@ -59,7 +57,7 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "Our Legacy of Grooming" },
{ type: "text", content: "The Sharp Edge Standard" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg" },
]}
/>
@@ -71,10 +69,10 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{ id: "f1", title: "Expert Stylists", tags: ["Artisan"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-finishing-haircut_23-2148298296.jpg" },
{ id: "f2", title: "Precision Cuts", tags: ["Sharp"], imageSrc: "http://img.b2bpic.net/free-photo/side-view-confident-groom-with-beard-mustaches-standing-looking-away-while-his-friend-standing-him-helping-dressing-up-shirt-bow-tie-hotel-room-wedding-day_8353-12417.jpg" }
{ id: "f1", title: "Expert Grooming", tags: ["Artisan"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-finishing-haircut_23-2148298296.jpg" },
{ id: "f2", title: "Precision Style", tags: ["Sharp"], imageSrc: "http://img.b2bpic.net/free-photo/side-view-confident-groom-with-beard-mustaches-standing-looking-away-while-his-friend-standing-him-helping-dressing-up-shirt-bow-tie-hotel-room-wedding-day_8353-12417.jpg" }
]}
title="Why Januman Jee?"
title="Why Sharp Edge?"
description="We blend timeless techniques with modern precision."
/>
</div>
@@ -85,11 +83,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
plans={[
{ id: "p1", badge: "Essential", price: "$25", subtitle: "Quick tidy up", features: ["Haircut", "Neck trim"] },
{ id: "p2", badge: "Premium", price: "$45", subtitle: "Full experience", features: ["Haircut", "Hot towel shave", "Hair wash"] }
{ id: "p1", badge: "Essential", price: "$30", subtitle: "Quick clean up", features: ["Haircut", "Neck trim"] },
{ id: "p2", badge: "Premium", price: "$55", subtitle: "Total experience", features: ["Haircut", "Shave", "Wash"] }
]}
title="Our Services"
description="Choose the perfect grooming experience."
title="Our Grooming Services"
description="Choose the perfect experience for your style."
buttons={[
{ text: "Book Your Session", href: "#contact" },
]}
@@ -98,30 +96,30 @@ export default function LandingPage() {
<div id="cta" data-section="cta">
<ContactCTA
tag="Ready to Look Your Best?"
title="Book Your Appointment at Januman Jee"
description="Join our community of satisfied clients and elevate your style."
buttons={[{ text: "Book Your Session", href: "#contact" }]}
background={{ variant: "plain" }}
useInvertedBackground={false}
tag="Ready for a Change?"
title="Join the Sharp Edge Community"
description="Upgrade your look and feel your best today."
buttons={[{ text: "Book Session", href: "#contact" }]}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "downward-rays-static" }}
background={{ variant: "sparkles-gradient" }}
tag="Booking"
title="Visit Us Today"
description="Step into comfort and style. Reserve your spot."
title="Visit Sharp Edge"
description="Reserve your time in our chair."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Januman Jee"
logoText="Sharp Edge"
columns={[
{ title: "Explore", items: [{ label: "Services", href: "#services" }, { label: "Team", href: "#team" }] },
{ title: "Explore", items: [{ label: "Services", href: "#services" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
/>

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--background: #fbfbfb;
--card: #f0f0f0;
--foreground: #111111;
--primary-cta: #111111;
--primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea;
--secondary-cta: #e5e5e5;
--secondary-cta-text: #2a2928;
--accent: #ffffff;
--background-accent: #c6b180;
--accent: #cccccc;
--background-accent: #e5e5e5;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);