Merge version_1 into main #1
235
src/app/page.tsx
235
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Sparkles, Zap, Palette, Leaf } from 'lucide-react';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -32,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Rayhana Cosmetique"
|
||||
/>
|
||||
@@ -55,67 +48,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Reveal Your Natural Elegance"
|
||||
description="Premium cosmetics, skincare & beauty essentials curated for modern women in Tunisia."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
{
|
||||
text: "WhatsApp Consultation",
|
||||
href: "https://wa.me/21650123456",
|
||||
},
|
||||
text: "WhatsApp Consultation", href: "https://wa.me/21650123456"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dreamy-aesthetic-cosmetic-product-with-fresh-background_23-2151382903.jpg"
|
||||
imageAlt="Luxury beauty collection display"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/red-lipstick-cherries_23-2151955833.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/red-lipstick-cherries_23-2151955833.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tender-feminine-gentle-blond-woman-silver-stylish-dress-touching-face-lovely-smiling-camera_1258-229682.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tender-feminine-gentle-blond-woman-silver-stylish-dress-touching-face-lovely-smiling-camera_1258-229682.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382871.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382871.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/amazed-speechless-excited-attractive-young-woman-blond-long-hair-press-palms-cheeks-blushing-amused_1258-229811.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/amazed-speechless-excited-attractive-young-woman-blond-long-hair-press-palms-cheeks-blushing-amused_1258-229811.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-bronze-cosmetic-pump-bottle_187299-47913.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-bronze-cosmetic-pump-bottle_187299-47913.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ Tunisian beauty lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Brands",
|
||||
},
|
||||
type: "text", text: "Authentic Brands"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Quality",
|
||||
},
|
||||
type: "text", text: "Certified Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Delivery",
|
||||
},
|
||||
type: "text", text: "Secure Delivery"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
type: "text", text: "24/7 Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Selection",
|
||||
},
|
||||
type: "text", text: "Luxury Selection"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,14 +93,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Authentic Products",
|
||||
"Fast Tunisia Delivery",
|
||||
"Beauty Experts",
|
||||
"Secure Payment",
|
||||
"24/7 Support",
|
||||
"Luxury Curated",
|
||||
"Verified Quality",
|
||||
]}
|
||||
"Authentic Products", "Fast Tunisia Delivery", "Beauty Experts", "Secure Payment", "24/7 Support", "Luxury Curated", "Verified Quality"]}
|
||||
title="Quality You Can Trust"
|
||||
description="Rayhana Cosmetique guarantees authenticity and exceptional care for your beauty journey."
|
||||
/>
|
||||
@@ -146,59 +107,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Rayhana",
|
||||
name: "Luminous Serum",
|
||||
price: "129 TND",
|
||||
rating: 5,
|
||||
reviewCount: "124",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-cream-products-marble-background_23-2148241889.jpg",
|
||||
},
|
||||
id: "1", brand: "Rayhana", name: "Luminous Serum", price: "129 TND", rating: 5,
|
||||
reviewCount: "124", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-cream-products-marble-background_23-2148241889.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Rayhana",
|
||||
name: "Silk Lipstick",
|
||||
price: "79 TND",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-red-shades-lip-gloss-arrangement_23-2149681521.jpg",
|
||||
},
|
||||
id: "2", brand: "Rayhana", name: "Silk Lipstick", price: "79 TND", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-red-shades-lip-gloss-arrangement_23-2149681521.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Rayhana",
|
||||
name: "Signature Bloom",
|
||||
price: "189 TND",
|
||||
rating: 4,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-serum-product-presentation-with-gift-box-gold-accents_187299-47285.jpg",
|
||||
},
|
||||
id: "3", brand: "Rayhana", name: "Signature Bloom", price: "189 TND", rating: 4,
|
||||
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/luxury-serum-product-presentation-with-gift-box-gold-accents_187299-47285.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Rayhana",
|
||||
name: "Deep Hydration Oil",
|
||||
price: "99 TND",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-oil-bottle-with-blonde-hair-background_23-2151968647.jpg",
|
||||
},
|
||||
id: "4", brand: "Rayhana", name: "Deep Hydration Oil", price: "99 TND", rating: 5,
|
||||
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/hair-oil-bottle-with-blonde-hair-background_23-2151968647.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Rayhana",
|
||||
name: "Gold Eye Cream",
|
||||
price: "115 TND",
|
||||
rating: 5,
|
||||
reviewCount: "38",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-wearing-eye-masks_23-2148916356.jpg",
|
||||
},
|
||||
id: "5", brand: "Rayhana", name: "Gold Eye Cream", price: "115 TND", rating: 5,
|
||||
reviewCount: "38", imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-wearing-eye-masks_23-2148916356.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Rayhana",
|
||||
name: "Holiday Glow Set",
|
||||
price: "249 TND",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-elegant-birthday-concept_23-2148700470.jpg",
|
||||
},
|
||||
id: "6", brand: "Rayhana", name: "Holiday Glow Set", price: "249 TND", rating: 5,
|
||||
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-elegant-birthday-concept_23-2148700470.jpg"},
|
||||
]}
|
||||
title="Best Sellers"
|
||||
description="Discover the beauty essentials loved by our community."
|
||||
@@ -211,28 +136,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Skincare",
|
||||
description: "Clean formulations for radiant skin.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-bronze-cosmetic-pump-bottle-skincare-products_187299-47131.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
title: "Advanced Skincare", description: "Clean formulations for radiant skin.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-bronze-cosmetic-pump-bottle-skincare-products_187299-47131.jpg", buttonIcon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Signature Fragrances",
|
||||
description: "Timeless scents for every mood.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-selfcare-products-arrangement_23-2149249533.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Signature Fragrances", description: "Timeless scents for every mood.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-selfcare-products-arrangement_23-2149249533.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Makeup Essentials",
|
||||
description: "Professional tools and vibrant pigments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-makeup-brushes-black_23-2147784011.jpg",
|
||||
buttonIcon: "Palette",
|
||||
title: "Makeup Essentials", description: "Professional tools and vibrant pigments.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-makeup-brushes-black_23-2147784011.jpg", buttonIcon: Palette,
|
||||
},
|
||||
{
|
||||
title: "Haircare Solutions",
|
||||
description: "Revitalize and nourish your hair daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-vial-near-candles_23-2147809201.jpg",
|
||||
buttonIcon: "Leaf",
|
||||
title: "Haircare Solutions", description: "Revitalize and nourish your hair daily.", imageSrc: "http://img.b2bpic.net/free-photo/glass-vial-near-candles_23-2147809201.jpg", buttonIcon: Leaf,
|
||||
},
|
||||
]}
|
||||
title="Premium Beauty Categories"
|
||||
@@ -245,9 +158,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="About Rayhana"
|
||||
description={[
|
||||
"Rayhana Cosmetique was created to bring luxury beauty experiences to women across Tunisia.",
|
||||
"Inspired by timeless femininity and modern skincare culture, we carefully curate cosmetics and self-care essentials that make every woman feel confident, radiant, and elegant.",
|
||||
]}
|
||||
"Rayhana Cosmetique was created to bring luxury beauty experiences to women across Tunisia.", "Inspired by timeless femininity and modern skincare culture, we carefully curate cosmetics and self-care essentials that make every woman feel confident, radiant, and elegant."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -259,45 +170,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mansour",
|
||||
role: "Fashion Influencer",
|
||||
company: "Tunis Style",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-carefree-goodlooking-blond-girl-wear-white-dress-guarantee-you-will-like-this-special-sp_1258-93454.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Mansour", role: "Fashion Influencer", company: "Tunis Style", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-carefree-goodlooking-blond-girl-wear-white-dress-guarantee-you-will-like-this-special-sp_1258-93454.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Amira Ben",
|
||||
role: "Makeup Artist",
|
||||
company: "Studio Chic",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gentle-portrait-spnaish-model-with-long-blond-hair-blowing-hair-studio-female-portrait-young-woman-with-fresh-makeup_633478-423.jpg",
|
||||
},
|
||||
id: "2", name: "Amira Ben", role: "Makeup Artist", company: "Studio Chic", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gentle-portrait-spnaish-model-with-long-blond-hair-blowing-hair-studio-female-portrait-young-woman-with-fresh-makeup_633478-423.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lina Haddad",
|
||||
role: "Beauty Lover",
|
||||
company: "Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/03-18-2019-belarus-minsk-portrait-young-elegant-woman-looking-camera_132075-13788.jpg",
|
||||
},
|
||||
id: "3", name: "Lina Haddad", role: "Beauty Lover", company: "Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/03-18-2019-belarus-minsk-portrait-young-elegant-woman-looking-camera_132075-13788.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Yasmine Khalil",
|
||||
role: "Vlogger",
|
||||
company: "Lifestyle",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
|
||||
},
|
||||
id: "4", name: "Yasmine Khalil", role: "Vlogger", company: "Lifestyle", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ines Zouari",
|
||||
role: "Skincare Expert",
|
||||
company: "Healthy Glow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-professional-model-girl-smiling-isolated-dark-beautiful-lady-with-brown-hair-looking-camera-holding-orange-rose-near-her-mouth_549566-895.jpg",
|
||||
},
|
||||
id: "5", name: "Ines Zouari", role: "Skincare Expert", company: "Healthy Glow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-professional-model-girl-smiling-isolated-dark-beautiful-lady-with-brown-hair-looking-camera-holding-orange-rose-near-her-mouth_549566-895.jpg"},
|
||||
]}
|
||||
title="Loved By Tunisian Beauty Lovers"
|
||||
description="Real stories, real confidence, real results."
|
||||
@@ -310,20 +196,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is the delivery time?",
|
||||
content: "We offer fast delivery across all governorates in Tunisia.",
|
||||
},
|
||||
id: "1", title: "What is the delivery time?", content: "We offer fast delivery across all governorates in Tunisia."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is cash on delivery available?",
|
||||
content: "Yes, we accept secure cash on delivery for all orders.",
|
||||
},
|
||||
id: "2", title: "Is cash on delivery available?", content: "Yes, we accept secure cash on delivery for all orders."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How can I order via WhatsApp?",
|
||||
content: "Simply click the WhatsApp button to chat with our consultants and place your order directly.",
|
||||
},
|
||||
id: "3", title: "How can I order via WhatsApp?", content: "Simply click the WhatsApp button to chat with our consultants and place your order directly."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/make-up-concept-with-powder-plant_23-2149030354.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -337,15 +214,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Newsletter"
|
||||
title="Ready to Glow?"
|
||||
description="Stay updated with our latest collections, beauty tips, and exclusive offers by signing up for our newsletter."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up Now",
|
||||
},
|
||||
text: "Sign Up Now"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -354,13 +229,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Rayhana Cosmetique"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user