Merge version_2 into main #2
186
src/app/page.tsx
186
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Inquiry", id: "contact"},
|
||||
]}
|
||||
brandName="Lumina Home"
|
||||
/>
|
||||
@@ -56,31 +46,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Elevate Your Living Space"
|
||||
description="Discover our curated collection of premium home decor, handcrafted for those who appreciate the art of living."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vase-with-artificial-flowers-living-room_169016-5184.jpg",
|
||||
imageAlt: "Luxurious Home",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vase-with-artificial-flowers-living-room_169016-5184.jpg", imageAlt: "Luxurious Home"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-vase_23-2148986269.jpg",
|
||||
imageAlt: "Artisan Decor",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-vase_23-2148986269.jpg", imageAlt: "Artisan Decor"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-with-comfortable-chairs-cushions_1122-1544.jpg",
|
||||
imageAlt: "Elegant Space",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-with-comfortable-chairs-cushions_1122-1544.jpg", imageAlt: "Elegant Space"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-interior-room-design-concept_23-2148786476.jpg?_wi=1",
|
||||
imageAlt: "Modern Furniture",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-interior-room-design-concept_23-2148786476.jpg?_wi=1", imageAlt: "Modern Furniture"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=1",
|
||||
imageAlt: "Designer Accessories",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=1", imageAlt: "Designer Accessories"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -91,9 +70,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Timeless Elegance"
|
||||
description={[
|
||||
"At Lumina, we believe every piece tells a story. Our products are sourced from master artisans who merge traditional craftsmanship with contemporary design sensibilities.",
|
||||
"Our commitment to quality means every item you receive is not just a product, but an investment in the beauty of your home.",
|
||||
]}
|
||||
"At Lumina, we believe every piece tells a story. Our products are sourced from master artisans who merge traditional craftsmanship with contemporary design sensibilities.", "Our commitment to quality means every item you receive is not just a product, but an investment in the beauty of your home."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -105,41 +82,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Oak Coffee Table",
|
||||
price: "$890",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-interior-room-design-concept_23-2148786476.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Oak Coffee Table", price: "$890", imageSrc: "http://img.b2bpic.net/free-photo/front-view-interior-room-design-concept_23-2148786476.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Handwoven Wool Rug",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432496.jpg",
|
||||
},
|
||||
id: "2", name: "Handwoven Wool Rug", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432496.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Glass Floor Lamp",
|
||||
price: "$320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-successful-bearded-south-asian-young-indian-freelancer-blue-jeans-shirt-standing-cafe_627829-5083.jpg",
|
||||
},
|
||||
id: "3", name: "Glass Floor Lamp", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-successful-bearded-south-asian-young-indian-freelancer-blue-jeans-shirt-standing-cafe_627829-5083.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Brushed Brass Mirror",
|
||||
price: "$295",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Brushed Brass Mirror", price: "$295", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=2"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linen Throw Blanket",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-experiencing-anxiety_23-2149485833.jpg",
|
||||
},
|
||||
id: "5", name: "Linen Throw Blanket", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-experiencing-anxiety_23-2149485833.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Wooden Bowl Set",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-flat-lay_23-2150096518.jpg",
|
||||
},
|
||||
id: "6", name: "Wooden Bowl Set", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-flat-lay_23-2150096518.jpg"},
|
||||
]}
|
||||
title="Curated Essentials"
|
||||
description="Refined pieces that bring warmth and character to every corner of your home."
|
||||
@@ -153,62 +106,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
role: "Designer",
|
||||
company: "Studio A",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346464.jpg",
|
||||
},
|
||||
id: "1", name: "Alice M.", role: "Designer", company: "Studio A", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346464.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ben T.",
|
||||
role: "Architect",
|
||||
company: "Urban Living",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg",
|
||||
},
|
||||
id: "2", name: "Ben T.", role: "Architect", company: "Urban Living", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Clara S.",
|
||||
role: "Homeowner",
|
||||
company: "Private",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367142.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Creative",
|
||||
company: "Creative Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-with-tattooes-dreadlocks-is-driving-electro-scooter-street_613910-17124.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena R.",
|
||||
role: "Stylist",
|
||||
company: "Trend Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-lady-black-silk-home-suit-sits-carpet-smiles-reads-message-cellphone-attrac_197531-33656.jpg",
|
||||
},
|
||||
id: "3", name: "Clara S.", role: "Homeowner", company: "Private", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367142.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Artisanal Pieces",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{ value: "500+", label: "Artisanal Pieces" },
|
||||
{ value: "10k+", label: "Satisfied Customers" },
|
||||
{ value: "4.9/5", label: "Global Rating" }
|
||||
]}
|
||||
title="A Home You Love"
|
||||
description="Join thousands of satisfied customers who have transformed their spaces with our collection."
|
||||
title="Trusted by Design Lovers"
|
||||
description="Read real stories from our community on how our artisanal pieces changed their home atmosphere."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -216,14 +129,15 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Newsletter"
|
||||
title="Stay Inspired"
|
||||
description="Receive monthly updates on our latest artisanal collections, styling tips, and exclusive previews."
|
||||
variant: "plain"}}
|
||||
tag="Support"
|
||||
title="Service Inquiry"
|
||||
description="Have a question about our bespoke collection or need design advice? Our team is here to help."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349205.jpg"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Tell us how we can help..."
|
||||
buttonText="Send Inquiry"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -232,37 +146,23 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{ label: "Our Story", href: "#about" },
|
||||
{ label: "Collections", href: "#products" },
|
||||
{ label: "Design Inquiry", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Premium Guarantee", href: "#" },
|
||||
{ label: "Artisan Partners", href: "#" },
|
||||
{ label: "Sustainability", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Lumina"
|
||||
logoText="Lumina Premium"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
59
src/app/services/page.tsx
Normal file
59
src/app/services/page.tsx
Normal file
@@ -0,0 +1,59 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Shop", id: "/products" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Lumina Home"
|
||||
/>
|
||||
|
||||
<div id="services" data-section="services" className="pt-32 pb-20">
|
||||
<FeatureCardTwentyOne
|
||||
title="Premium Services"
|
||||
description="We provide a comprehensive range of services to help you build the home of your dreams."
|
||||
accordionItems={[
|
||||
{ id: "delivery", title: "White-Glove Delivery", content: "Our premium delivery service ensures your items are delivered and assembled by our expert team." },
|
||||
{ id: "install", title: "Professional Installation", content: "Let us handle the details. Our team provides full installation for all large furniture and lighting fixtures." },
|
||||
{ id: "consult", title: "Interior Consultation", content: "Work with our designers to curate a collection that perfectly matches your home's aesthetic." }
|
||||
]}
|
||||
mediaPosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-interior-room-design-concept_23-2148786476.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "Shop", href: "/products" }, { label: "Contact", href: "/contact" }] },
|
||||
{ items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
logoText="Lumina"
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-open-sans), sans-serif;
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-open-sans), sans-serif;
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #fdfcf9;
|
||||
--card: #f4f1ea;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #c6b180;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #d4c5a0;
|
||||
--background-accent: #e8e3d8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user