285 lines
15 KiB
TypeScript
285 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { Sparkles, Heart, Star, Palette, MessageCircle, Mail, HelpCircle, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Products", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Fantasiapelit"
|
|
bottomLeftText="Beauty & Glamour"
|
|
bottomRightText="hello@fantasiapelit.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Discover Your Perfect Beauty"
|
|
description="Experience luxury cosmetics crafted for every skin tone and style. Our exclusive collection brings out your natural radiance with premium makeup that lasts all day."
|
|
tag="Premium Cosmetics"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Shop Now", href: "#products" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
carouselItems={[
|
|
{ id: "hero-1", imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-showing-off-eyeshadow_482257-121941.jpg", imageAlt: "Professional makeup collection" },
|
|
{ id: "hero-2", imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-caucasian-young-woman-model-with-juicy-lips-bright-blue-makeup-with-perfect-clean-skin_158538-3168.jpg", imageAlt: "Luxury lipstick shades" },
|
|
{ id: "hero-3", imageSrc: "http://img.b2bpic.net/free-photo/collection-makeup-cosmetics-palette-brushes-white-back_1357-115.jpg", imageAlt: "Eyeshadow palette collection" },
|
|
{ id: "hero-4", imageSrc: "http://img.b2bpic.net/free-photo/liquid-makeup-foundation-texture-smudges-macro-cosmetics-texture-top-view_633478-1789.jpg", imageAlt: "Premium foundation range" },
|
|
{ id: "hero-5", imageSrc: "http://img.b2bpic.net/free-photo/conceptual-image-make-up-brushes-roses-wooden-background_482257-9820.jpg", imageAlt: "Makeup accessories" },
|
|
{ id: "hero-6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-mascara-eyelashes-golden-tube-with-makeup-brush_140725-13869.jpg", imageAlt: "Eye makeup essentials" }
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Featured Beauty Products"
|
|
description="Handpicked selection of our most-loved makeup essentials. Each product is carefully curated for quality and performance."
|
|
tag="Best Sellers"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "View All Products", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Fantasiapelit", name: "Velvet Lip Color", price: "$32.00", rating: 5,
|
|
reviewCount: "2.4k", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-caucasian-young-woman-model-with-glamour-red-lips-bright-makeup-eye-arrow-makeup-purity-complexion-with-red-lipstick-perfect-clean-skin_158538-12640.jpg", imageAlt: "Velvet Lip Color"
|
|
},
|
|
{
|
|
id: "2", brand: "Fantasiapelit", name: "Shimmer Eye Palette", price: "$48.00", rating: 5,
|
|
reviewCount: "3.1k", imageSrc: "http://img.b2bpic.net/free-photo/cosmetics-make-up-elements-wooden-table_482257-26975.jpg", imageAlt: "Shimmer Eye Palette"
|
|
},
|
|
{
|
|
id: "3", brand: "Fantasiapelit", name: "Flawless Foundation", price: "$38.00", rating: 5,
|
|
reviewCount: "2.8k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-foundation-containers-arrangement_23-2149705554.jpg", imageAlt: "Flawless Foundation"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Story"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
title="Beauty is Our Passion, Quality is Our Promise"
|
|
description="Elena Vargas"
|
|
subdescription="Founder & Head Makeup Artist"
|
|
icon={Sparkles}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautician-process-doing-makeup-beauty-salon_651396-894.jpg"
|
|
imageAlt="Fantasiapelit makeup studio"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="collection" data-section="collection">
|
|
<FeatureHoverPattern
|
|
title="Beauty Collections"
|
|
description="Explore our curated makeup collections designed for every occasion and skin type."
|
|
tag="Collections"
|
|
tagIcon={Palette}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Zap,
|
|
title: "Everyday Essentials", description: "Perfect makeup must-haves for your daily routine"
|
|
},
|
|
{
|
|
icon: Star,
|
|
title: "Glamour Collection", description: "Statement pieces for nights out and special events"
|
|
},
|
|
{
|
|
icon: Palette,
|
|
title: "Artist Series", description: "Professional-grade products for makeup artists"
|
|
},
|
|
{
|
|
icon: Heart,
|
|
title: "Sensitive Skin", description: "Hypoallergenic formulas for delicate complexions"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Customers Say"
|
|
description="Real reviews from makeup lovers who trust Fantasiapelit for their beauty needs."
|
|
tag="Testimonials"
|
|
tagIcon={MessageCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", handle: "@sarahj_beauty", testimonial: "The makeup quality is absolutely incredible! My skin looks flawless and the colors last all day. I'm obsessed with Fantasiapelit!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-caucasian-young-woman-model-with-red-lips-bright-makeup-with-perfect-clean-skin-isolated-black_158538-12006.jpg", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Maya Rodriguez", handle: "@maya_glam", testimonial: "Finally found makeup that works for my sensitive skin. No irritation, just beautiful results. Highly recommend!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fashion-beauty-portrait-young-brunette-woman-with-evening-stylish-makeup-perfect-clean-skin-sexy-model-with-hair-bun-posing-studio-with-pink-bright-natural-lips-isolated-white_158538-24170.jpg", imageAlt: "Maya Rodriguez"
|
|
},
|
|
{
|
|
id: "3", name: "Jessica Chen", handle: "@jessicas_looks", testimonial: "The color range is stunning and the formulation is so smooth. This is now my go-to brand for all my makeup needs.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-caucasian-young-woman-model-with-juicy-lips-bright-blue-makeup-with-perfect-clean-skin_158538-3168.jpg", imageAlt: "Jessica Chen"
|
|
},
|
|
{
|
|
id: "4", name: "Amanda Blake", handle: "@amanda_style", testimonial: "Customer service is exceptional and the products are worth every penny. Professional quality at accessible prices!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-127392.jpg", imageAlt: "Amanda Blake"
|
|
},
|
|
{
|
|
id: "5", name: "Victoria Mills", handle: "@vicky_makeup", testimonial: "I've tried many brands, but Fantasiapelit stands out. The pigmentation is incredible and stays put all day!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-caucasian-young-woman-model-with-red-lips-bright-makeup-with-perfect-clean-skin-isolated-black_158538-12006.jpg", imageAlt: "Victoria Mills"
|
|
},
|
|
{
|
|
id: "6", name: "Sofia Delgado", handle: "@sofia_glows", testimonial: "Amazing quality, beautiful packaging, and fast shipping. Fantasiapelit is my beauty soulmate!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fashion-beauty-portrait-young-brunette-woman-with-evening-stylish-makeup-perfect-clean-skin-sexy-model-with-hair-bun-posing-studio-with-pink-bright-natural-lips-isolated-white_158538-24170.jpg", imageAlt: "Sofia Delgado"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our makeup products and services."
|
|
tag="Help Center"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Are Fantasiapelit products cruelty-free?", content: "Yes! All our makeup products are cruelty-free and not tested on animals. We're committed to ethical beauty practices."
|
|
},
|
|
{
|
|
id: "2", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all products. If you're not satisfied, simply return your purchase for a full refund."
|
|
},
|
|
{
|
|
id: "3", title: "Are your products suitable for sensitive skin?", content: "We have a dedicated sensitive skin collection with hypoallergenic formulas. However, we recommend checking the ingredients on our website or consulting a dermatologist for your specific needs."
|
|
},
|
|
{
|
|
id: "4", title: "How long do makeup products last?", content: "Most of our makeup products last 12-24 months depending on usage. Always check the expiration date on the packaging."
|
|
},
|
|
{
|
|
id: "5", title: "Do you offer international shipping?", content: "Yes! We ship to over 50 countries worldwide. Shipping times and costs vary by location. Check our shipping page for details."
|
|
},
|
|
{
|
|
id: "6", title: "Can I mix and match makeup for a custom palette?", content: "Absolutely! Our beauty consultants can help you create a personalized makeup collection. Contact our team for custom palette options."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get in Touch"
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
title="Ready to Transform Your Look?"
|
|
description="Join thousands of beauty enthusiasts who have discovered their perfect makeup with Fantasiapelit. Reach out to our team for personalized beauty consultations or special requests."
|
|
buttons={[
|
|
{ text: "Contact Us", href: "mailto:hello@fantasiapelit.com" },
|
|
{ text: "Shop Collection", href: "#products" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Fantasiapelit"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Products", href: "#products" },
|
|
{ label: "Collections", href: "#collection" },
|
|
{ label: "New Arrivals", href: "#products" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Story", href: "#about" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Support", href: "mailto:hello@fantasiapelit.com" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "TikTok", href: "https://tiktok.com" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|