Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1cdc8a35b0 | |||
| 8c3a66a4f9 | |||
| 25fce265ac | |||
| 9dde189d34 | |||
| 5cb5c1b702 | |||
| b384dc0674 | |||
| 79346a0814 |
@@ -2,7 +2,6 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import { useEffect, useState } from "react";
|
|
||||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||||
@@ -12,20 +11,6 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|||||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
const [showTitle, setShowTitle] = useState(true);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const handleScroll = () => {
|
|
||||||
if (window.scrollY > 100) {
|
|
||||||
setShowTitle(false);
|
|
||||||
} else {
|
|
||||||
setShowTitle(true);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
window.addEventListener("scroll", handleScroll);
|
|
||||||
return () => window.removeEventListener("scroll", handleScroll);
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="text-stagger"
|
defaultButtonVariant="text-stagger"
|
||||||
@@ -40,7 +25,7 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="normal"
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav" className="transition-all duration-300">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "hero" },
|
{ name: "Home", id: "hero" },
|
||||||
@@ -48,7 +33,7 @@ export default function LandingPage() {
|
|||||||
{ name: "Gallery", id: "gallery" },
|
{ name: "Gallery", id: "gallery" },
|
||||||
{ name: "Contact", id: "contact" }
|
{ name: "Contact", id: "contact" }
|
||||||
]}
|
]}
|
||||||
brandName={showTitle ? "Elite Barber Shop" : ""}
|
brandName="Elite Barber Shop"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -79,9 +64,9 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{ id: "f1", title: "Classic Cuts", author: "Precision", description: "Timeless styles meeting modern standards.", tags: ["Hair", "Classic"], imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-barbershop_1157-21635.jpg?_wi=2" },
|
{ id: "f1", title: "Classic Cuts", author: "Precision", description: "Timeless styles meeting modern standards.", tags: ["Hair", "Classic"], imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-barbershop_1157-21635.jpg?_wi=2" },
|
||||||
{ id: "f2", title: "Skin Fades", author: "Expertise", description: "Detailed fades with perfect blending techniques.", tags: ["Fade", "Modern"], imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-posing-with-modern-tattoos_23-2150466357.jpg" },
|
{ id: "f2", title: "Skin Fades", author: "Expertise", description: "Detailed fades with perfect blending techniques.", tags: ["Fade", "Modern"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWODXzGSyTdm5m9Zkudsgd49uo/uploaded-1774605354725-rywizbmw.jpg" },
|
||||||
{ id: "f3", title: "Beard Trim", author: "Detail", description: "Sharp lines and clean finishes for a sharp look.", tags: ["Beard", "Grooming"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-groomed-salon_23-2149220524.jpg" },
|
{ id: "f3", title: "Beard Trim", author: "Detail", description: "Sharp lines and clean finishes for a sharp look.", tags: ["Beard", "Grooming"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWODXzGSyTdm5m9Zkudsgd49uo/uploaded-1774605404651-twd0ruf0.jpg" },
|
||||||
{ id: "f4", title: "Full Package", author: "Premium", description: "Complete haircut and beard grooming combination.", tags: ["Combo", "Premium"], imageSrc: "http://img.b2bpic.net/free-photo/tanned-man-with-elegant-style-playing-with-funny-beagle-dog-which-resting-carpet_197531-4850.jpg" }
|
{ id: "f4", title: "Full Package", author: "Premium", description: "Complete haircut and beard grooming combination.", tags: ["Combo", "Premium"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWODXzGSyTdm5m9Zkudsgd49uo/uploaded-1774605418984-4k3t5xch.jpg" }
|
||||||
]}
|
]}
|
||||||
title="Our Services"
|
title="Our Services"
|
||||||
description="Professional grooming services tailored for every individual need."
|
description="Professional grooming services tailored for every individual need."
|
||||||
@@ -98,7 +83,7 @@ export default function LandingPage() {
|
|||||||
{ id: "p1", brand: "Style", name: "Modern Fade", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-psd/barbershop-instagram-posts-collection_23-2149487551.jpg" },
|
{ id: "p1", brand: "Style", name: "Modern Fade", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-psd/barbershop-instagram-posts-collection_23-2149487551.jpg" },
|
||||||
{ id: "p2", brand: "Style", name: "Sharp Beard", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-beard-smiling_23-2148618892.jpg" },
|
{ id: "p2", brand: "Style", name: "Sharp Beard", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-beard-smiling_23-2148618892.jpg" },
|
||||||
{ id: "p3", brand: "Style", name: "Classic Taper", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-stylist-drying-wet-hair_23-2147769808.jpg" },
|
{ id: "p3", brand: "Style", name: "Classic Taper", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-stylist-drying-wet-hair_23-2147769808.jpg" },
|
||||||
{ id: "p4", brand: "Style", name: "Interior", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-talking-phone_23-2149361903.jpg" }
|
{ id: "p4", brand: "Style", name: " ", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-talking-phone_23-2149361903.jpg" }
|
||||||
]}
|
]}
|
||||||
title="Portfolio"
|
title="Portfolio"
|
||||||
description="Browse our latest work from the shop floor."
|
description="Browse our latest work from the shop floor."
|
||||||
|
|||||||
Reference in New Issue
Block a user