Merge version_1 into main #2
380
src/app/page.tsx
380
src/app/page.tsx
@@ -12,7 +12,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Award, Leaf } from "lucide-react";
|
||||
import { Award, Leaf, FlaskConical } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,284 +29,124 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Senerita Libya"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Senerita Libya"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Senerita Libya — Quality Trusted Since Day One"
|
||||
description="Discover premium products designed for Libyan families and businesses. Authentic. Reliable. Local."
|
||||
tag="PREMIUM HAIR CARE"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foundation-advertising-with-different-containers_23-2149511276.jpg?_wi=1",
|
||||
imageAlt: "Senerita hair care collection",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cx9nk9sCSbinRaOXqM7TyaxmbU/uploaded-1777317421410-2rdkgphp.jpg?_wi=1",
|
||||
imageAlt: "Senerita product line up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-foundation-presentation_52683-88073.jpg",
|
||||
imageAlt: "Minimalist foundation presentation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-aesthetic-cosmetic-product-with-fresh-background_23-2151382917.jpg",
|
||||
imageAlt: "Dreamy aesthetic cosmetic product with fresh background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-foundation-advertising-with-product_23-2149511279.jpg",
|
||||
imageAlt: "Glowing foundation advertising with product",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 5,000+ Libyan families"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Senerita Libya — Quality Trusted Since Day One"
|
||||
description="Discover premium products designed for Libyan families and businesses. Authentic. Reliable. Local."
|
||||
tag="PREMIUM HAIR CARE"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/foundation-advertising-with-different-containers_23-2149511276.jpg", imageAlt: "Senerita hair care collection" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cx9nk9sCSbinRaOXqM7TyaxmbU/uploaded-1777317421410-2rdkgphp.jpg", imageAlt: "Senerita product line up" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 5,000+ Libyan families"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="OUR MISSION"
|
||||
title="Empowering Natural Beauty Through Science and Nature"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="OUR MISSION"
|
||||
title="Empowering Natural Beauty Through Science and Nature"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Grape Seed Anti-Dandruff",
|
||||
price: "LD 45.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cx9nk9sCSbinRaOXqM7TyaxmbU/uploaded-1777317421410-2rdkgphp.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Caffeine Shampoo",
|
||||
price: "LD 50.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foundation-advertising-with-different-containers_23-2149511276.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Rosemary Shampoo",
|
||||
price: "LD 48.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-coquettish-brunette-woman-laughing-smiling-looking-down-flirty-standing-ove_1258-87409.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Caffeine Serum",
|
||||
price: "LD 65.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-corrects-her-hairstyle-looks-aside_8353-10717.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Natural Volumizer",
|
||||
price: "LD 55.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-applies-makeup-shows-beauty-tutorial-video-records-vlog_1258-254500.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Total Revitalizer",
|
||||
price: "LD 70.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-beauty-vlog_23-2148916270.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Discover Our Premium Range"
|
||||
description="Formulated with nature's finest extracts to revitalize and strengthen."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Grape Seed Anti-Dandruff", price: "LD 45.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cx9nk9sCSbinRaOXqM7TyaxmbU/uploaded-1777317421410-2rdkgphp.jpg" },
|
||||
{ id: "p2", name: "Caffeine Shampoo", price: "LD 50.00", imageSrc: "http://img.b2bpic.net/free-photo/foundation-advertising-with-different-containers_23-2149511276.jpg" },
|
||||
{ id: "p3", name: "Rosemary Shampoo", price: "LD 48.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-coquettish-brunette-woman-laughing-smiling-looking-down-flirty-standing-ove_1258-87409.jpg" }
|
||||
]}
|
||||
title="Discover Our Premium Range"
|
||||
description="Formulated with nature's finest extracts to revitalize and strengthen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Authentic Ingredients",
|
||||
description: "Sourced from the finest natural reserves.",
|
||||
items: [
|
||||
{
|
||||
icon: Leaf,
|
||||
text: "Organic extracts",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foundation-bottles-stands_23-2149511226.jpg",
|
||||
imageAlt: "Foundation bottles on stands",
|
||||
},
|
||||
{
|
||||
title: "Science Backed",
|
||||
description: "Formulas designed for maximum efficacy.",
|
||||
items: [
|
||||
{
|
||||
icon: FlaskConical,
|
||||
text: "Clinical testing",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cx9nk9sCSbinRaOXqM7TyaxmbU/uploaded-1777317421410-2rdkgphp.jpg?_wi=3",
|
||||
imageAlt: "Foundation bottles on stands",
|
||||
},
|
||||
{
|
||||
title: "Libyan Quality",
|
||||
description: "Tailored for the needs of our local community.",
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Certified Quality",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foundation-advertising-with-different-containers_23-2149511276.jpg?_wi=3",
|
||||
imageAlt: "Foundation bottles on stands",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Senerita Libya?"
|
||||
description="We blend the best of scientific innovation with pure natural ingredients."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Authentic Ingredients", description: "Sourced from the finest natural reserves.", media: { imageSrc: "http://img.b2bpic.net/free-photo/foundation-bottles-stands_23-2149511226.jpg", imageAlt: "Foundation bottles" }, items: [{ icon: Leaf, text: "Organic extracts" }], reverse: false },
|
||||
{ title: "Science Backed", description: "Formulas designed for maximum efficacy.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cx9nk9sCSbinRaOXqM7TyaxmbU/uploaded-1777317421410-2rdkgphp.jpg", imageAlt: "Science lab" }, items: [{ icon: FlaskConical, text: "Clinical testing" }], reverse: true }
|
||||
]}
|
||||
title="Why Choose Senerita Libya?"
|
||||
description="We blend the best of scientific innovation with pure natural ingredients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Libya Health",
|
||||
"Beauty Global",
|
||||
"DistroTech",
|
||||
"NatureCare",
|
||||
"Libyan Retail Co",
|
||||
"Regional Beauty",
|
||||
"Family Pharmacies",
|
||||
]}
|
||||
title="Trusted by Local Partners"
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Libya Health", "Beauty Global", "DistroTech", "NatureCare", "Libyan Retail Co"]}
|
||||
title="Trusted by Local Partners"
|
||||
description="Partners who support our commitment to quality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Homemaker",
|
||||
company: "Tripoli",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-coquettish-brunette-woman-laughing-smiling-looking-down-flirty-standing-ove_1258-87409.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Fatima Youssef",
|
||||
role: "Beauty Enthusiast",
|
||||
company: "Benghazi",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-corrects-her-hairstyle-looks-aside_8353-10717.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Layla Mansour",
|
||||
role: "Pharmacist",
|
||||
company: "Misrata",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-applies-makeup-shows-beauty-tutorial-video-records-vlog_1258-254500.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Nadia Ibrahim",
|
||||
role: "Professional",
|
||||
company: "Tripoli",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-beauty-vlog_23-2148916270.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Samira Hassan",
|
||||
role: "Entrepreneur",
|
||||
company: "Sebha",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girlfriends-enjoying-time-together_23-2148925911.jpg",
|
||||
},
|
||||
]}
|
||||
title="Real Stories from Satisfied Customers"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Ahmed", role: "Homemaker", company: "Tripoli", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-coquettish-brunette-woman-laughing-smiling-looking-down-flirty-standing-ove_1258-87409.jpg" },
|
||||
{ id: "t2", name: "Fatima Youssef", role: "Beauty Enthusiast", company: "Benghazi", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-corrects-her-hairstyle-looks-aside_8353-10717.jpg" }
|
||||
]}
|
||||
title="Real Stories from Satisfied Customers"
|
||||
description="Hear from our community members."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are products safe for all hair types?",
|
||||
content: "Yes, our natural formula is designed for all hair textures.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where can I buy Senerita products?",
|
||||
content: "Available through our website and authorized local pharmacies.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Currently, we serve the Libyan market exclusively to maintain freshness.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Are products safe for all hair types?", content: "Yes, our natural formula is designed for all hair textures." },
|
||||
{ id: "q2", title: "Where can I buy Senerita products?", content: "Available through our website and authorized local pharmacies." },
|
||||
{ id: "q3", title: "Do you offer international shipping?", content: "Currently, we serve the Libyan market exclusively to maintain freshness." }
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="Ready to experience Senerita? Get in touch with our team today."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Ready to experience Senerita? Get in touch with our team today."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Senerita Libya"
|
||||
copyrightText="© 2025 Senerita Libya | All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Senerita Libya"
|
||||
copyrightText="© 2025 Senerita Libya | All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user