Update src/app/page.tsx

This commit is contained in:
2026-04-19 15:11:10 +00:00
parent 52e4f92a6a
commit 87bf590bfb

View File

@@ -8,7 +8,6 @@ import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwe
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import { PenTool, Truck } from "lucide-react";
export default function LandingPage() {
@@ -28,6 +27,7 @@ export default function LandingPage() {
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca5ssENNVTdeiiwRcRDo3OynhY/uploaded-1776611437443-tynxkgao.png"
navItems={[
{ name: "Home", id: "/" },
{ name: "Shop", id: "/shop" },
@@ -42,7 +42,7 @@ export default function LandingPage() {
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Shine Lab - Minimal Jewelry Collection"
description="Discover affordable luxury designed for the modern generation. Elevate your everyday style with our trendy pieces."
description="Discover affordable luxury designed for the modern generation in Lebanon. Elevate your everyday style with our trendy pieces."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/gold-ring-with-shiny-diamond-stone-it_181624-32220.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-female-wearing-beautiful-silver-bracelet_181624-26319.jpg" },
@@ -67,8 +67,8 @@ export default function LandingPage() {
{ src: "http://img.b2bpic.net/free-photo/bride-s-morning-fine-art-wedding-happy-bride_1328-1772.jpg", alt: "Bride's morning. Fine art wedding. Happy Bride" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-women-having-fun-together_329181-15563.jpg", alt: "Beautiful young women having fun together" },
]}
avatarText="Join our global community"
marqueeItems={[{ type: "text", text: "Minimalist Design" }, { type: "text", text: "Sustainable Gold" }, { type: "text", text: "Premium Quality" }, { type: "text", text: "Affordable Luxury" }, { type: "text", text: "Trendsetting" }]}
avatarText="Join our growing community"
marqueeItems={[{ type: "text", text: "Minimalist Design" }, { type: "text", text: "Local Lebanese Brand" }, { type: "text", text: "Premium Quality" }, { type: "text", text: "Affordable Luxury" }, { type: "text", text: "Trendsetting" }]}
/>
</div>
@@ -80,7 +80,7 @@ export default function LandingPage() {
features={[
{ id: "f1", title: "Affordable Luxury", subtitle: "High-end style without the high price.", category: "Quality", value: "Premium" },
{ id: "f2", title: "Trendy Designs", subtitle: "Curated for the modern youth.", category: "Style", value: "Trendy" },
{ id: "f3", title: "Limited Collections", subtitle: "Get them before they disappear.", category: "Stock", value: "Limited" },
{ id: "f3", title: "Local Roots", subtitle: "Proudly designed and shipped in Lebanon.", category: "Origin", value: "Lebanese" },
]}
title="Why Shine Lab?"
description="Jewelry that fits your lifestyle, not just your budget."
@@ -95,27 +95,13 @@ export default function LandingPage() {
description="Everything you need to know about Shine Lab."
faqsAnimation="slide-up"
faqs={[
{ id: "q1", title: "Do you ship internationally?", content: "Yes, we ship to over 50 countries worldwide." },
{ id: "q1", title: "Where do you deliver?", content: "We deliver to all regions across Lebanon." },
{ id: "q2", title: "Is your jewelry waterproof?", content: "Our pieces are designed for durability, but we recommend avoiding heavy chemicals." },
{ id: "q3", title: "What is your return policy?", content: "We offer a 30-day return policy for unused items." },
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Premium Membership"
description="Get exclusive access to new drops."
plans={[
{ id: "p1", badge: "Monthly", price: "$10/mo", subtitle: "Standard access", buttons: [{ text: "Subscribe", href: "#" }], features: ["Early access", "Free shipping"] },
{ id: "p2", badge: "Yearly", price: "$100/yr", subtitle: "Best value", buttons: [{ text: "Subscribe", href: "#" }], features: ["Everything in Monthly", "VIP support", "Birthday gift"] },
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureBento
animationType="slide-up"
@@ -125,18 +111,19 @@ export default function LandingPage() {
description="Crafted with precision for longevity."
features={[
{ title: "Expert Design", description: "Hand-picked aesthetics for every individual.", bentoComponent: "reveal-icon", icon: PenTool },
{ title: "Fast Shipping", description: "Your items arrive in sustainable packaging.", bentoComponent: "reveal-icon", icon: Truck },
{ title: "Fast Shipping", description: "Delivered anywhere in Lebanon with care.", bentoComponent: "reveal-icon", icon: Truck },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca5ssENNVTdeiiwRcRDo3OynhY/uploaded-1776611437443-tynxkgao.png"
logoText="Shine Lab"
copyrightText="© 2025 Shine Lab | Affordable Luxury"
copyrightText="© 2025 Shine Lab | Proudly Lebanese | Shipping across all Lebanon"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}