190 lines
8.3 KiB
TypeScript
190 lines
8.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Products", id: "products"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="The Perfume Garden"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Unveil Your Signature Essence"
|
|
description="Experience the world of fine fragrances at Richards Bay's most exclusive perfume boutique. Explore a garden of scents carefully curated for the discerning individual."
|
|
tag="Luxury Perfumes"
|
|
buttons={[
|
|
{
|
|
text: "Shop Collections", href: "#products"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-expensive-perfume-as-present-black-table-gift-scent-love-fragnance-smell-valentines-day-marriage_140725-148347.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="A Garden of Rare Fragrances"
|
|
description="The Perfume Garden at Boardwalk Inkwazi is more than a boutique; it is a sensory journey. We curate only the finest international scents to help you define your unique presence."
|
|
bulletPoints={[
|
|
{
|
|
title: "Expert Guidance", description: "Personalized consultations to find your perfect scent profile."},
|
|
{
|
|
title: "Exclusive Brands", description: "Rare and artisanal perfumes unavailable elsewhere."},
|
|
{
|
|
title: "Luxury Packaging", description: "Exquisite gift wrapping for the perfect occasion."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24638.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", brand: "Garden Essence", name: "Rose Whisper", price: "R 1,250", rating: 5,
|
|
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-with-pink-roses_140725-13877.jpg"},
|
|
{
|
|
id: "2", brand: "Woodlands", name: "Oud Signature", price: "R 2,800", rating: 5,
|
|
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337694.jpg"},
|
|
{
|
|
id: "3", brand: "Coastal", name: "Ocean Breeze", price: "R 950", rating: 4,
|
|
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/sustainably-produced-alcoholic-beverage_23-2150163020.jpg"},
|
|
]}
|
|
title="Curated Collections"
|
|
description="Discover our selection of classic, exotic, and artisanal fragrances."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "The best selection in Richards Bay. Simply wonderful service.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-shopping-bags-smartphone_23-2148734476.jpg"},
|
|
{
|
|
id: "2", name: "Thandiwe Zulu", handle: "@thandi_z", testimonial: "I found a scent that defines my personality perfectly. Thank you!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-getting-special-skin-treatment-beautiful-girl-applying-serum-isolated-white-background-smooth-skin-without-wrinkles_657921-642.jpg"},
|
|
{
|
|
id: "3", name: "Mark Stevens", handle: "@m_stevens", testimonial: "Luxury shopping experience. Highly professional and knowledgeable staff.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-resting-after-shopping_23-2147645054.jpg?_wi=1"},
|
|
{
|
|
id: "4", name: "Elena Ross", handle: "@elena_r", testimonial: "Exquisite collection. I visit every time I'm at the mall.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg"},
|
|
{
|
|
id: "5", name: "Julian Vane", handle: "@j_vane", testimonial: "Truly a hidden gem in the shopping centre. Exceptional quality.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-resting-after-shopping_23-2147645054.jpg?_wi=2"},
|
|
]}
|
|
showRating={true}
|
|
title="Fragrance Stories"
|
|
description="Our customers find more than just perfume; they find memories."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "Do you offer international shipping?", content: "We currently focus on in-store experiences at Boardwalk Inkwazi."},
|
|
{
|
|
id: "f2", title: "Can you help me find a specific gift?", content: "Absolutely! Our team excels at personal recommendations."},
|
|
{
|
|
id: "f3", title: "Are your fragrances authentic?", content: "Yes, we guarantee 100% authenticity on all items."},
|
|
]}
|
|
title="Fragrance FAQs"
|
|
description="Common questions about our collection and services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Visit Us"
|
|
title="Experience The Perfume Garden"
|
|
description="Find us at Boardwalk Inkwazi Shopping Centre, Richards Bay. Visit us for an unforgettable sensory experience."
|
|
buttons={[
|
|
{
|
|
text: "Get Directions", href: "https://maps.google.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Store", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Collections", href: "#products"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 The Perfume Garden. All rights reserved."
|
|
bottomRightText="Boardwalk Inkwazi, Richards Bay"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|