Merge version_2 into main #2
@@ -9,6 +9,7 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import { Facebook, Instagram, Twitter } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -29,12 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collection", id: "collection" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Imthi Perfumes"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
@@ -43,13 +42,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Imthi Perfumes"
|
||||
description="Exquisite artisanal fragrances crafted for the sophisticated soul. Discover a timeless essence of luxury and tradition."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection", href: "#about"},
|
||||
{ text: "Explore Collection", href: "#collection" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXEQr8AyKrIDIWR89vo4wqClTL/uploaded-1776523589602-wo3t1n2w.jpg"
|
||||
imageAlt="Imthi Perfumes Logo"
|
||||
@@ -57,14 +54,28 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="collection" data-section="collection">
|
||||
<ProductCardThree
|
||||
title="Our Signature Scents"
|
||||
description="Hand-selected artisanal fragrances that define elegance."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
products={[
|
||||
{ id: "1", name: "Midnight Amber", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXEQr8AyKrIDIWR89vo4wqClTL/uploaded-1776523589602-wo3t1n2w.jpg" },
|
||||
{ id: "2", name: "Rose Essence", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXEQr8AyKrIDIWR89vo4wqClTL/uploaded-1776523589602-wo3t1n2w.jpg" },
|
||||
{ id: "3", name: "Vanilla Oud", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXEQr8AyKrIDIWR89vo4wqClTL/uploaded-1776523589602-wo3t1n2w.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="Our Essence"
|
||||
title="A Legacy of Pure Elegance and Craftsmanship"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us", href: "#contact"},
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -74,7 +85,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Fragrance Monthly", "Luxury Essence Daily", "Perfume Artisans Guild", "Golden Bottle Awards", "Boutique Fragrance Hub", "Essence & Style Review", "Global Perfume Critics"]}
|
||||
"Fragrance Monthly", "Luxury Essence Daily", "Perfume Artisans Guild", "Golden Bottle Awards", "Boutique Fragrance Hub", "Essence & Style Review", "Global Perfume Critics"]
|
||||
}
|
||||
title="Featured In Global Fragrance Journals"
|
||||
description="Recognized by industry leaders for our commitment to high-quality ingredients and classic perfumery techniques."
|
||||
/>
|
||||
@@ -84,12 +96,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Are your perfumes organic?", content: "We source the finest sustainable ingredients globally, prioritizing quality and environmental impact."},
|
||||
{
|
||||
id: "2", title: "Can I order custom scents?", content: "Yes, we offer bespoke consultations for unique, personalized olfactory experiences."},
|
||||
{
|
||||
id: "3", title: "Do you ship worldwide?", content: "We offer insured, premium shipping services for all our clients across the globe."},
|
||||
{ id: "1", title: "Are your perfumes organic?", content: "We source the finest sustainable ingredients globally, prioritizing quality and environmental impact." },
|
||||
{ id: "2", title: "Can I order custom scents?", content: "Yes, we offer bespoke consultations for unique, personalized olfactory experiences." },
|
||||
{ id: "3", title: "Do you ship worldwide?", content: "We offer insured, premium shipping services for all our clients across the globe." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Curious about our craft? Here is all you need to know about Imthi Perfumes."
|
||||
@@ -100,13 +109,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Begin Your Scent Journey"
|
||||
description="Reach out to our fragrance experts to discuss bespoke orders or inquiries."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lady-restaurant_1157-7327.jpg"
|
||||
imageAlt="Luxurious boutique interior"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -117,19 +124,13 @@ export default function LandingPage() {
|
||||
logoText="Imthi Perfumes"
|
||||
copyrightText="© 2025 | Imthi Perfumes. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user