Update src/app/page.tsx
This commit is contained in:
@@ -2,16 +2,8 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -37,9 +29,9 @@ export default function LandingPage() {
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="GG Goldhair"
|
||||
button={{ text: "Book Now", href: "/booking" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "radial-gradient" }}
|
||||
@@ -56,83 +48,6 @@ export default function LandingPage() {
|
||||
ratingText="Rated 5/5 by our lovely clients"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Artistry Meets Elegance"
|
||||
description={[
|
||||
"At GG Goldhair, we believe that your hair is your finest accessory. Our stylists combine technical precision with creative flair to bring out your natural beauty.", "Located in the heart of the city, our salon is a retreat from the everyday where you can relax while we transform your look into something truly golden."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Expert Stylists", description: "Highly trained professionals dedicated to the latest hair trends.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-with-curly-hair_23-2151317376.jpg" },
|
||||
{ title: "Premium Products", description: "We only use top-tier, salon-grade products for your hair health.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668429.jpg" },
|
||||
{ title: "Custom Experience", description: "Every service is tailored to your hair type and style goals.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-trimmer-supplies_23-2148352856.jpg" },
|
||||
]}
|
||||
title="Why Choose GG Goldhair"
|
||||
description="Experience hair care beyond expectations with our curated list of services and professional care."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Gold Hydrate Serum", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047769.jpg" },
|
||||
{ id: "p2", name: "Revive Mask", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/shiny-brown-hair-with-hair-care-product_23-2152020257.jpg" },
|
||||
{ id: "p3", name: "Style Guard Spray", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/artist-props-table_23-2148929902.jpg" },
|
||||
]}
|
||||
title="Professional Hair Care"
|
||||
description="Bring the salon experience home with our premium selection of hair products."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{ id: "m1", name: "Elena Gold", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/brown-eyed-curly-brunette-short-haired-woman-floral-trendy-dress-smiles-looks-camera-hoods-pencil-designs-new-clothes_197531-24076.jpg" },
|
||||
{ id: "m2", name: "Marcus Styles", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-holding-bottle-shampoo_107420-12149.jpg" },
|
||||
{ id: "m3", name: "Sofia Luxe", role: "Colorist Expert", imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg" },
|
||||
]}
|
||||
title="Meet The Stylists"
|
||||
description="Our team of dedicated professionals is ready to help you shine."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="GG Goldhair is absolutely wonderful. I have never felt more confident about my hair than after my visit today. Truly top-tier service!"
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg", alt: "Sarah M" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="GG Goldhair"
|
||||
copyrightText="© 2025 GG Goldhair. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user