|
|
|
|
@@ -2,16 +2,17 @@
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
|
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
|
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
|
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
|
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
|
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
|
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
|
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
|
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
|
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
|
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
|
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
|
import { Facebook, Instagram, Mail, Phone } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -31,10 +32,14 @@ export default function LandingPage() {
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleCentered
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Products", id: "products" },
|
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
|
{
|
|
|
|
|
name: "Home", id: "hero"},
|
|
|
|
|
{
|
|
|
|
|
name: "About", id: "about"},
|
|
|
|
|
{
|
|
|
|
|
name: "Products", id: "products"},
|
|
|
|
|
{
|
|
|
|
|
name: "Contact", id: "contact"},
|
|
|
|
|
]}
|
|
|
|
|
brandName="አቢሲኒያ ሽቶ"
|
|
|
|
|
/>
|
|
|
|
|
@@ -42,11 +47,15 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardScroll
|
|
|
|
|
background={{ variant: "gradient-bars" }}
|
|
|
|
|
background={{
|
|
|
|
|
variant: "gradient-bars"}}
|
|
|
|
|
title="የጥንታዊ ጥበብ መዓዛ"
|
|
|
|
|
description="Experience the timeless essence of Ethiopia with Abyssinia Perfumes. Crafted with natural ingredients and traditional techniques."
|
|
|
|
|
buttons={[{ text: "Shop Now", href: "#products" }]}
|
|
|
|
|
imageSrc="https://img.freepik.com/free-photo/composition-natural-argan-oil-dropper_23-2149016643.jpg?t=st=1715690000~exp=1715693600~hmac=e20f1234567890abcdef1234567890abcdef1234567890abcdef1234567890"
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "Shop Now", href: "#products"},
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/composition-natural-argan-oil-dropper_23-2149016643.jpg"
|
|
|
|
|
imageAlt="luxury perfume bottle dark background"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -57,11 +66,14 @@ export default function LandingPage() {
|
|
|
|
|
title="Our Heritage"
|
|
|
|
|
description="At Abyssinia Perfumes, we blend ancient secrets with modern elegance. Every fragrance tells a story of our rich culture and natural beauty."
|
|
|
|
|
metrics={[
|
|
|
|
|
{ value: "100+", title: "Unique Scents" },
|
|
|
|
|
{ value: "10k+", title: "Happy Customers" },
|
|
|
|
|
{ value: "20+", title: "Natural Oils" },
|
|
|
|
|
{
|
|
|
|
|
value: "100+", title: "Unique Scents"},
|
|
|
|
|
{
|
|
|
|
|
value: "10k+", title: "Happy Customers"},
|
|
|
|
|
{
|
|
|
|
|
value: "20+", title: "Natural Oils"},
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="https://img.freepik.com/free-photo/front-view-woman-working-with-flowers_23-2149591622.jpg?t=st=1715690000~exp=1715693600~hmac=a1b2c3d4e5f6g7h8i9j0k1l2m3n4o5p6q7r8s9t0u1v2w3x4y5z"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-working-with-flowers_23-2149591622.jpg"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
imageAlt="perfume shop interior rustic elegant"
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
@@ -75,12 +87,18 @@ export default function LandingPage() {
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
products={[
|
|
|
|
|
{ id: "p1", name: "Heritage Gold", price: "850 ETB", imageSrc: "https://img.freepik.com/free-photo/perfume-bottle_1203-7394.jpg?t=st=1715690000~exp=1715693600~hmac=1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z" },
|
|
|
|
|
{ id: "p2", name: "Abyssinian Night", price: "1200 ETB", imageSrc: "https://img.freepik.com/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382818.jpg?t=st=1715690000~exp=1715693600~hmac=1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z" },
|
|
|
|
|
{ id: "p3", name: "Pure Essence", price: "950 ETB", imageSrc: "https://img.freepik.com/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420720.jpg?t=st=1715690000~exp=1715693600~hmac=1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z" },
|
|
|
|
|
{ id: "p4", name: "Mountain Mist", price: "750 ETB", imageSrc: "https://img.freepik.com/free-photo/view-spa-concept-with-bottle-oil_23-2148290983.jpg?t=st=1715690000~exp=1715693600~hmac=1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z" },
|
|
|
|
|
{ id: "p5", name: "Ancient Spice", price: "1100 ETB", imageSrc: "https://img.freepik.com/free-photo/marshmallows-with-glass-tea-metallic-platter-top-view_114579-12997.jpg?t=st=1715690000~exp=1715693600~hmac=1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z" },
|
|
|
|
|
{ id: "p6", name: "Royal Musk", price: "1500 ETB", imageSrc: "https://img.freepik.com/free-photo/beautiful-still-life-arrangement-with-water_23-2149176153.jpg?t=st=1715690000~exp=1715693600~hmac=1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z" },
|
|
|
|
|
{
|
|
|
|
|
id: "p1", name: "Heritage Gold", price: "850 ETB", imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle_1203-7394.jpg", imageAlt: "perfume bottle gold liquid"},
|
|
|
|
|
{
|
|
|
|
|
id: "p2", name: "Abyssinian Night", price: "1200 ETB", imageSrc: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382818.jpg", imageAlt: "oriental fragrance bottle ornate"},
|
|
|
|
|
{
|
|
|
|
|
id: "p3", name: "Pure Essence", price: "950 ETB", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420720.jpg", imageAlt: "fragrance bottle minimal design"},
|
|
|
|
|
{
|
|
|
|
|
id: "p4", name: "Mountain Mist", price: "750 ETB", imageSrc: "http://img.b2bpic.net/free-photo/view-spa-concept-with-bottle-oil_23-2148290983.jpg", imageAlt: "perfume bottle dark glass"},
|
|
|
|
|
{
|
|
|
|
|
id: "p5", name: "Ancient Spice", price: "1100 ETB", imageSrc: "http://img.b2bpic.net/free-photo/marshmallows-with-glass-tea-metallic-platter-top-view_114579-12997.jpg", imageAlt: "luxury perfume bottle gold accents"},
|
|
|
|
|
{
|
|
|
|
|
id: "p6", name: "Royal Musk", price: "1500 ETB", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176153.jpg", imageAlt: "artisan perfume glass bottle"},
|
|
|
|
|
]}
|
|
|
|
|
title="Our Fragrances"
|
|
|
|
|
description="Discover our handpicked collection of exquisite perfumes and scented oils."
|
|
|
|
|
@@ -92,9 +110,12 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
features={[
|
|
|
|
|
{ title: "100% Natural Oils", description: "Sourced from the finest local botanicals.", imageSrc: "https://img.freepik.com/free-photo/soap-making-ingredients-close-up_23-2148897599.jpg?t=st=1715690000~exp=1715693600~hmac=1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z" },
|
|
|
|
|
{ title: "Long Lasting", description: "Our perfumes are designed to linger throughout the day.", imageSrc: "https://img.freepik.com/free-photo/assortment-dry-tea-golden-vintage-mini-plates-tea-types-background_114579-8072.jpg?t=st=1715690000~exp=1715693600~hmac=1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z" },
|
|
|
|
|
{ title: "Handcrafted Care", description: "Every bottle is prepared with attention to detail.", imageSrc: "https://img.freepik.com/free-photo/flat-lay-natural-medicinal-herbs-bottles_23-2148776516.jpg?t=st=1715690000~exp=1715693600~hmac=1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z" },
|
|
|
|
|
{
|
|
|
|
|
title: "100% Natural Oils", description: "Sourced from the finest local botanicals.", imageSrc: "http://img.b2bpic.net/free-photo/soap-making-ingredients-close-up_23-2148897599.jpg", imageAlt: "natural essence ingredients herbs"},
|
|
|
|
|
{
|
|
|
|
|
title: "Long Lasting", description: "Our perfumes are designed to linger throughout the day.", imageSrc: "http://img.b2bpic.net/free-photo/assortment-dry-tea-golden-vintage-mini-plates-tea-types-background_114579-8072.jpg", imageAlt: "natural essence ingredients herbs"},
|
|
|
|
|
{
|
|
|
|
|
title: "Handcrafted Care", description: "Every bottle is prepared with attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-medicinal-herbs-bottles_23-2148776516.jpg", imageAlt: "natural essence ingredients herbs"},
|
|
|
|
|
]}
|
|
|
|
|
title="Why Choose Our Scents?"
|
|
|
|
|
description="We prioritize quality, tradition, and sustainability in every bottle we craft."
|
|
|
|
|
@@ -107,9 +128,12 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "m1", value: "15", title: "Ingredients", description: "Sourced locally.", imageSrc: "https://img.freepik.com/free-photo/watercolor-paint-background-holi-festival_23-2148093688.jpg?t=st=1715690000~exp=1715693600~hmac=1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z" },
|
|
|
|
|
{ id: "m2", value: "50", title: "Regions", description: "Sourcing herbs.", imageSrc: "https://img.freepik.com/free-photo/assortment-dry-tea-golden-vintage-mini-plates-tea-types_114579-8056.jpg?t=st=1715690000~exp=1715693600~hmac=1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z" },
|
|
|
|
|
{ id: "m3", value: "99%", title: "Satisfaction", description: "Our customers.", imageSrc: "https://img.freepik.com/free-photo/happy-woman-having-luck-with-dice_1187-3658.jpg?t=st=1715690000~exp=1715693600~hmac=1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z" },
|
|
|
|
|
{
|
|
|
|
|
id: "m1", value: "15", title: "Ingredients", description: "Sourced locally.", imageSrc: "http://img.b2bpic.net/free-photo/watercolor-paint-background-holi-festival_23-2148093688.jpg", imageAlt: "perfume drop macro shot"},
|
|
|
|
|
{
|
|
|
|
|
id: "m2", value: "50", title: "Regions", description: "Sourcing herbs.", imageSrc: "http://img.b2bpic.net/free-photo/assortment-dry-tea-golden-vintage-mini-plates-tea-types_114579-8056.jpg", imageAlt: "perfume ingredients flat lay"},
|
|
|
|
|
{
|
|
|
|
|
id: "m3", value: "99%", title: "Satisfaction", description: "Our customers.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-having-luck-with-dice_1187-3658.jpg", imageAlt: "happy customer smelling perfume"},
|
|
|
|
|
]}
|
|
|
|
|
title="The Art of Scent"
|
|
|
|
|
description="A look into the numbers behind our craft."
|
|
|
|
|
@@ -122,9 +146,16 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{ id: "1", name: "Sara H.", role: "Collector", testimonial: "The best scent I've ever worn.", imageSrc: "https://img.freepik.com/free-photo/lovely-woman-facing-camera_23-2148060462.jpg?t=st=1715690000~exp=1715693600~hmac=1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z" },
|
|
|
|
|
{ id: "2", name: "Kidus M.", role: "Loyal Customer", testimonial: "Authentic and beautiful scents.", imageSrc: "https://img.freepik.com/free-photo/horizontal-shot-positive-confident-young-caucasian-hipster-with-fuzzy-beard-shaved-head-tattooed-arm-posing-isolated-keeping-arms-folded-smiling-joyfully-feeling-proud-himself_343059-1673.jpg?t=st=1715690000~exp=1715693600~hmac=1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z" },
|
|
|
|
|
{ id: "3", name: "Bethel G.", role: "Perfume Fan", testimonial: "Reminds me of home. Incredible.", imageSrc: "https://img.freepik.com/free-photo/young-business-woman-walking-park_1303-22996.jpg?t=st=1715690000~exp=1715693600~hmac=1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z" },
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Sara H.", role: "Collector", testimonial: "The best scent I've ever worn.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-facing-camera_23-2148060462.jpg", imageAlt: "elegant woman smiling portrait"},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Kidus M.", role: "Loyal Customer", testimonial: "Authentic and beautiful scents.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-positive-confident-young-caucasian-hipster-with-fuzzy-beard-shaved-head-tattooed-arm-posing-isolated-keeping-arms-folded-smiling-joyfully-feeling-proud-himself_343059-1673.jpg", imageAlt: "man looking confident portrait"},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Bethel G.", role: "Perfume Fan", testimonial: "Reminds me of home. Incredible.", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-walking-park_1303-22996.jpg", imageAlt: "woman in business casual attire"},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Yared A.", role: "Customer", testimonial: "Amazing quality and service.", imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", imageAlt: "young woman portrait natural light"},
|
|
|
|
|
{
|
|
|
|
|
id: "5", name: "Meron T.", role: "Frequent Buyer", testimonial: "Love the unique local notes.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9529.jpg", imageAlt: "portrait of refined gentleman"},
|
|
|
|
|
]}
|
|
|
|
|
title="Customer Stories"
|
|
|
|
|
description="What our customers say about our scents."
|
|
|
|
|
@@ -136,36 +167,47 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
faqs={[
|
|
|
|
|
{ id: "f1", title: "Are your perfumes natural?", content: "Yes, we use 100% natural ingredients." },
|
|
|
|
|
{ id: "f2", title: "How to store them?", content: "Store in a cool, dark place." },
|
|
|
|
|
{
|
|
|
|
|
id: "f1", title: "Are your perfumes natural?", content: "Yes, we use 100% natural ingredients."},
|
|
|
|
|
{
|
|
|
|
|
id: "f2", title: "How to store them?", content: "Store in a cool, dark place."},
|
|
|
|
|
{
|
|
|
|
|
id: "f3", title: "Do you ship worldwide?", content: "We currently ship within the country."},
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="https://img.freepik.com/free-photo/male-self-care-setting-still-life_23-2150326587.jpg?t=st=1715690000~exp=1715693600~hmac=1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-self-care-setting-still-life_23-2150326587.jpg"
|
|
|
|
|
title="Common Questions"
|
|
|
|
|
description="Answers to your questions about our perfumes."
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
imageAlt="perfume bottle on wooden table"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactText
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
background={{ variant: "rotated-rays-animated" }}
|
|
|
|
|
text="Have a question? Reach out to us for orders or queries."
|
|
|
|
|
buttons={[{ text: "Contact Us", href: "mailto:info@abyssinia.com" }]}
|
|
|
|
|
<ContactSplit
|
|
|
|
|
title="Get in Touch"
|
|
|
|
|
description="We'd love to hear from you. Reach out for wholesale, custom orders, or any inquiries."
|
|
|
|
|
tag="Contact"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
background={{ variant: "gradient-bars" }}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/perfume-bottle-with-flowers-minimal-background_23-2149176153.jpg"
|
|
|
|
|
mediaPosition="right"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterBase
|
|
|
|
|
columns={[
|
|
|
|
|
{ title: "Links", items: [{ label: "Home", href: "#hero" }, { label: "Products", href: "#products" }] },
|
|
|
|
|
{ title: "Help", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
|
|
|
|
]}
|
|
|
|
|
<FooterCard
|
|
|
|
|
logoText="አቢሲኒያ ሽቶ"
|
|
|
|
|
copyrightText="© 2025 Abyssinia Perfumes. All rights reserved."
|
|
|
|
|
socialLinks={[
|
|
|
|
|
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
|
|
|
|
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
|
|
|
|
{ icon: Mail, href: "mailto:info@abyssinia.com", ariaLabel: "Email" },
|
|
|
|
|
{ icon: Phone, href: "tel:+25111123456", ariaLabel: "Phone" },
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
