bender/418ad626-74e5-477f-bd28-e892c4a7cd08
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 09:15:45 +00:00
parent dad5062ac5
commit d0f574cbfa
1 changed files with 53 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

235
src/app/page.tsx
View File

@@ -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>