bender/239f9930-4a1e-4b77-9911-0a52fd32989e
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-04-18 10:57:52 +00:00
parent 537a52262e
commit 46f8c8fbcb
1 changed files with 32 additions and 226 deletions
Download Patch File Download Diff File Expand all files Collapse all files

258
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Star, Zap } from "lucide-react";
import { Award, Star, Zap, Shield, Headphones } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,56 +32,27 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Le Wariss"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Le Wariss: Elegance Redefined"
description="Discover a collection of refined aesthetics and premium quality designs for the discerning individual."
tag="New Collection"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-papers-with-leaves-shadow_23-2148838817.jpg?_wi=1",
imageAlt: "elegant lifestyle product photography",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-papers-with-leaves-shadow_23-2148838817.jpg", imageAlt: "elegant lifestyle product photography"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-holding-hat-black-white-wall_176420-8591.jpg?_wi=1",
imageAlt: "luxury lifestyle details",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-vases-with-decorative-branches-soft-lighting_24972-3108.jpg",
imageAlt: "Ceramic vases with decorative branches and soft lighting",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418531.jpg",
imageAlt: "Top view on boards of mdf material",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-notebook-high-angle_23-2148897976.jpg",
imageAlt: "Tailoring items and notebook high angle",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-holding-hat-black-white-wall_176420-8591.jpg", imageAlt: "luxury lifestyle details"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -96,20 +67,11 @@ export default function LandingPage() {
title="Our Legacy of Refinement"
description="At Le Wariss, we blend heritage with modern design to curate pieces that speak of quality and class."
bulletPoints={[
{
title: "Premium Quality",
description: "Handcrafted with the finest materials.",
},
{
title: "Modern Aesthetic",
description: "Designs that define the modern era.",
},
{
title: "Customer First",
description: "Dedicated to your ultimate satisfaction.",
},
{ title: "Premium Quality", description: "Handcrafted with the finest materials." },
{ title: "Modern Aesthetic", description: "Designs that define the modern era." },
{ title: "Customer First", description: "Dedicated to your ultimate satisfaction." },
]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346464.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346464.jpg"
imageAlt="professional team workspace"
mediaAnimation="slide-up"
/>
@@ -120,41 +82,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Timeless Design",
description: "Styles that remain relevant forever.",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418543.jpg",
imageAlt: "Top view on boards of mdf material",
},
{
title: "Sustainable Craft",
description: "Ethically sourced and produced items.",
buttonIcon: "Shield",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-papers-with-leaves-shadow_23-2148838817.jpg?_wi=2",
imageAlt: "Top view on boards of mdf material",
},
{
title: "Global Shipping",
description: "Delivered to your doorstep anywhere.",
buttonIcon: "Star",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-holding-hat-black-white-wall_176420-8591.jpg?_wi=2",
imageAlt: "Top view on boards of mdf material",
},
{
title: "Exclusive Access",
description: "Join our membership for early looks.",
buttonIcon: "Award",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346464.jpg?_wi=2",
imageAlt: "Top view on boards of mdf material",
},
{
title: "Expert Support",
description: "Dedicated team for your questions.",
buttonIcon: "Headphones",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cup-coffee-with-kettle-sweater_23-2148720025.jpg?_wi=1",
imageAlt: "Top view on boards of mdf material",
},
{ title: "Timeless Design", description: "Styles that remain relevant forever.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418543.jpg", imageAlt: "Top view on boards of mdf material" },
{ title: "Sustainable Craft", description: "Ethically sourced and produced items.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-papers-with-leaves-shadow_23-2148838817.jpg", imageAlt: "Top view on boards of mdf material" },
{ title: "Global Shipping", description: "Delivered to your doorstep anywhere.", buttonIcon: Star, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-holding-hat-black-white-wall_176420-8591.jpg", imageAlt: "Top view on boards of mdf material" },
{ title: "Exclusive Access", description: "Join our membership for early looks.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346464.jpg", imageAlt: "Top view on boards of mdf material" },
{ title: "Expert Support", description: "Dedicated team for your questions.", buttonIcon: Headphones, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cup-coffee-with-kettle-sweater_23-2148720025.jpg", imageAlt: "Top view on boards of mdf material" },
]}
title="Why Choose Le Wariss?"
description="Excellence in every detail, crafted for your lifestyle."
@@ -168,48 +100,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Essence Vase",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cup-coffee-with-kettle-sweater_23-2148720025.jpg?_wi=2",
imageAlt: "high end lifestyle product",
},
{
id: "p2",
name: "Aura Lamp",
price: "$250",
imageSrc: "http://img.b2bpic.net/free-photo/minimal-composition-beauty-products_23-2148961331.jpg",
imageAlt: "refined product photography",
},
{
id: "p3",
name: "Velvet Cushion",
price: "$85",
imageSrc: "http://img.b2bpic.net/free-photo/frames-with-arabic-themed-wall-white-background_187299-38227.jpg",
imageAlt: "high quality product item",
},
{
id: "p4",
name: "Ceramic Tray",
price: "$60",
imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263177.jpg",
imageAlt: "modern lifestyle object",
},
{
id: "p5",
name: "Marble Clock",
price: "$180",
imageSrc: "http://img.b2bpic.net/free-photo/view-light-lamp-with-futuristic-design_23-2151037611.jpg",
imageAlt: "refined design object",
},
{
id: "p6",
name: "Silk Throw",
price: "$210",
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17721.jpg",
imageAlt: "professional product branding",
},
{ id: "p1", name: "Essence Vase", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cup-coffee-with-kettle-sweater_23-2148720025.jpg", imageAlt: "high end lifestyle product" },
{ id: "p2", name: "Aura Lamp", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/minimal-composition-beauty-products_23-2148961331.jpg", imageAlt: "refined product photography" },
{ id: "p3", name: "Velvet Cushion", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/frames-with-arabic-themed-wall-white-background_187299-38227.jpg", imageAlt: "high quality product item" },
]}
title="Signature Collection"
description="Hand-picked pieces to elevate your daily life."
@@ -222,24 +115,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Star,
title: "Happy Clients",
value: "1.2k+",
},
{
id: "m2",
icon: Award,
title: "Design Awards",
value: "24",
},
{
id: "m3",
icon: Zap,
title: "Global Reach",
value: "45+",
},
{ id: "m1", icon: Star, title: "Happy Clients", value: "1.2k+" },
{ id: "m2", icon: Award, title: "Design Awards", value: "24" },
{ id: "m3", icon: Zap, title: "Global Reach", value: "45+" },
]}
title="Our Impact"
description="Delivering elegance across the globe."
@@ -250,36 +128,8 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Emma R.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
imageAlt: "satisfied client portrait",
},
{
id: "t2",
name: "Marcus L.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-woman-posing_23-2149417554.jpg",
imageAlt: "happy customer professional",
},
{
id: "t3",
name: "Sophia B.",
imageSrc: "http://img.b2bpic.net/free-photo/friendly-young-interracial-girls-good-mood-wear-nightgowns-pajama-party-leisure-lifestyle-beauty-concept_197531-31732.jpg",
imageAlt: "professional woman smiling",
},
{
id: "t4",
name: "David W.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
imageAlt: "successful client portrait",
},
{
id: "t5",
name: "Chloe S.",
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915132.jpg",
imageAlt: "satisfied professional woman",
},
{ id: "t1", name: "Emma R.", imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", imageAlt: "satisfied client portrait" },
{ id: "t2", name: "Marcus L.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-woman-posing_23-2149417554.jpg", imageAlt: "happy customer professional" },
]}
cardTitle="What People Say"
cardAnimation="slide-up"
@@ -292,21 +142,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What is the return policy?",
content: "We offer a 30-day return policy for all unused items.",
},
{
id: "f2",
title: "Do you ship worldwide?",
content: "Yes, we provide international shipping to most countries.",
},
{
id: "f3",
title: "How can I track my order?",
content: "Once your order ships, you will receive a tracking link via email.",
},
{ id: "f1", title: "What is the return policy?", content: "We offer a 30-day return policy for all unused items." },
{ id: "f2", title: "Do you ship worldwide?", content: "Yes, we provide international shipping to most countries." },
]}
title="Common Questions"
description="Get clarity on our services and products."
@@ -317,48 +154,17 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
text="Have a specific project in mind? Let's connect."
buttons={[
{
text: "Contact Us",
href: "mailto:hello@lewariss.com",
},
]}
buttons={[{ text: "Contact Us", href: "mailto:hello@lewariss.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Help",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Support",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
{ title: "Help", items: [{ label: "FAQ", href: "#faq" }, { label: "Support", href: "#" }] },
]}
logoText="Le Wariss"
/>