Initial commit
This commit is contained in:
Nikolay Pecheniev
210
src/app/page.tsx
Normal file
210
src/app/page.tsx
Normal file
@@ -0,0 +1,210 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="sharp"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="inset-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Lavanda"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Collections", id: "/collections" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Lavanda"
|
||||
description="Discover the art of fine fragrance. Handcrafted perfumes that capture the essence of elegance."
|
||||
buttons={[
|
||||
{ text: "Explore Collections", href: "/collections" },
|
||||
{ text: "Learn Our Story", href: "/about" }
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg"
|
||||
imageAlt="Luxury perfume bottles showcasing Lavanda collection"
|
||||
showDimOverlay={true}
|
||||
logoLineHeight={1.2}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="The Heart of Lavanda"
|
||||
description="Since 1995, Lavanda has been crafting exquisite fragrances inspired by nature's most precious ingredients. Each bottle tells a story of passion, heritage, and the pursuit of olfactory perfection."
|
||||
tag="Our Heritage"
|
||||
tagIcon={Sparkles}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/closeup-purple-petaled-flowers_417767-609.jpg"
|
||||
imageAlt="Beautiful lavender fields at sunset"
|
||||
buttons={[{ text: "Discover More", href: "/about" }]}
|
||||
useInvertedBackground="invertDefault"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
title="Shop Our Collections"
|
||||
description="Explore our handcrafted fragrances, each designed to evoke emotion and memory."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Lavanda Classica",
|
||||
price: "$85.00",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-beautifully-shaped-glass-bottles-filled-with-perfume_181624-28370.jpg",
|
||||
imageAlt: "Lavanda Classica eau de toilette",
|
||||
initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Lavanda Floral",
|
||||
price: "$95.00",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337694.jpg",
|
||||
imageAlt: "Lavanda Floral eau de parfum",
|
||||
initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lavanda Oriental",
|
||||
price: "$110.00",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg",
|
||||
imageAlt: "Lavanda Oriental exclusive fragrance",
|
||||
initialQuantity: 1
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Loved by Fragrance Enthusiasts"
|
||||
description="Discover why customers around the world trust Lavanda for their daily rituals."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
handle: "@sarahm_scents",
|
||||
testimonial: "Lavanda Classica is my daily signature. The longevity and elegance are unmatched. I've been a loyal customer for five years.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
imageAlt: "Sarah Mitchell"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
handle: "@jameschen_style",
|
||||
testimonial: "The artistry behind each fragrance is evident. Lavanda Oriental is a masterpiece that always earns compliments.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
imageAlt: "James Chen"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Isabella Romano",
|
||||
handle: "@isabellascent",
|
||||
testimonial: "From the moment I opened my first bottle, I knew Lavanda understood perfection. Exceptional quality and service.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
|
||||
imageAlt: "Isabella Romano"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Johnson",
|
||||
handle: "@marcusj_perfume",
|
||||
testimonial: "Lavanda's commitment to sustainability and quality makes me feel good about every purchase. Highly recommend to all fragrance lovers.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
imageAlt: "Marcus Johnson"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Vasquez",
|
||||
handle: "@elena_luxe",
|
||||
testimonial: "The customer experience is as refined as the fragrances. Lavanda sets the gold standard for luxury perfume brands.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-122910.jpg",
|
||||
imageAlt: "Elena Vasquez"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "David Park",
|
||||
handle: "@davidpark_aroma",
|
||||
testimonial: "Each scent journey with Lavanda is a memory. Their fragrances are investments in joy and sophistication.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
|
||||
imageAlt: "David Park"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
speed={50}
|
||||
topMarqueeDirection="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to discover your signature scent? Let us help you find the perfect fragrance that captures your essence."
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: "Get in Touch", href: "/contact" },
|
||||
{ text: "Take Scent Quiz", href: "/quiz" }
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterBase
|
||||
logoText="Lavanda"
|
||||
copyrightText="© 2025 Lavanda Fragrances. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Collections",
|
||||
items: [
|
||||
{ label: "All Fragrances", href: "/collections" },
|
||||
{ label: "New Arrivals", href: "/collections" },
|
||||
{ label: "Limited Edition", href: "/collections" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Story", href: "/about" },
|
||||
{ label: "Careers", href: "/careers" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQ", href: "/faq" },
|
||||
{ label: "Shipping Info", href: "/shipping" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user