6 Commits

Author SHA1 Message Date
d1741bf541 Merge version_2 into main
Merge version_2 into main
2026-04-22 06:28:26 +00:00
5c4171eec8 Update src/app/page.tsx 2026-04-22 06:28:23 +00:00
9db87ca548 Merge version_2 into main
Merge version_2 into main
2026-04-22 06:28:02 +00:00
2bf7d6fb96 Update src/app/page.tsx 2026-04-22 06:27:59 +00:00
c53754a759 Merge version_2 into main
Merge version_2 into main
2026-04-22 06:27:34 +00:00
792ef34dbe Update src/app/page.tsx 2026-04-22 06:27:31 +00:00

View File

@@ -3,17 +3,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA'; import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterSimple from '@/components/sections/footer/FooterSimple'; import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery'; import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout'; import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, CheckCircle, Clock } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -33,59 +27,26 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "Home", id: "#hero" },
name: "Home", { name: "Products", id: "#products" },
id: "#hero", { name: "About", id: "#about" },
}, { name: "Contact", id: "#contact" },
{
name: "Shop",
id: "#products",
},
{
name: "About",
id: "#about",
},
{
name: "Contact",
id: "#contact",
},
]} ]}
brandName="Nils Store" brandName="Nils Store"
button={{ button={{
text: "Visit Store", text: "Visit Store", href: "#products"}}
href: "#products",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardGallery
background={{ background={{ variant: "radial-gradient" }}
variant: "radial-gradient", title="Nils Store: Elegance for Her"
}} description="A women-owned clothing boutique offering premium styles. Visit us in Nugegoda or shop online."
title="Nils Store: Style Redefined"
description="Discover curated collections designed for your modern lifestyle. Quality meets elegance in every piece we offer."
mediaItems={[ mediaItems={[
{ { imageSrc: "http://img.b2bpic.net/free-photo/empty-chic-boutique-filled-with-new-collection-designer-clothes-racks_482257-118548.jpg", imageAlt: "Nils Store Boutique" },
imageSrc: "http://img.b2bpic.net/free-photo/empty-chic-boutique-filled-with-new-collection-designer-clothes-racks_482257-118548.jpg", { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-talking-phone_23-2149361903.jpg", imageAlt: "Fashion shopping" },
imageAlt: "minimalist retail store interior", { imageSrc: "http://img.b2bpic.net/free-photo/joyful-latin-black-haired-woman-standing-with-arms-folded-near-rack-with-dresses-clothes-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11848.jpg?_wi=1", imageAlt: "In-store collection" },
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-mature-man-senior-visiting-fashion-boutique-male-buy-new-exclusive-costume_1157-48876.jpg",
imageAlt: "elegant shopping store showcase",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-talking-phone_23-2149361903.jpg",
imageAlt: "contemporary store interior layout",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211282.jpg",
imageAlt: "minimalist retail store interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861924.jpg",
imageAlt: "elegant shopping store showcase",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
@@ -94,313 +55,59 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<MetricSplitMediaAbout <MetricSplitMediaAbout
useInvertedBackground={true} useInvertedBackground={true}
title="Our Commitment to Quality" title="About Nils Store"
description="Nils Store started with a simple vision: to bridge the gap between high-end design and everyday accessibility. We focus on sustainable sourcing and timeless aesthetics." description="Proudly women-owned, Nils Store brings curated fashion to the heart of Nugegoda. We offer a personal shopping experience with in-store browsing and convenient pick-up options."
metrics={[ metrics={[
{ { value: "261 High Level Rd", title: "Nugegoda 10250" },
value: "10k+", { value: "076 359 5706", title: "Call Us" },
title: "Happy Customers", { value: "nilsonline.lk", title: "Visit Website" },
},
{
value: "500+",
title: "Curated Products",
},
{
value: "5",
title: "Years Growing",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/joyful-latin-black-haired-woman-standing-with-arms-folded-near-rack-with-dresses-clothes-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11848.jpg" imageSrc="http://img.b2bpic.net/free-photo/joyful-latin-black-haired-woman-standing-with-arms-folded-near-rack-with-dresses-clothes-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11848.jpg?_wi=2"
mediaAnimation="slide-up"
imageAlt="fashion store owner in shop"
metricsAnimation="slide-up"
/> />
</div> </div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardTwo <ProductCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
textboxLayout="split"
title="Latest Collections"
description="Discover our hand-picked styles for women, available for in-store pickup."
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "1", brand: "Nils", name: "Essential Dress", price: "LKR 4500", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-with-curly-hair-wears-trendy-sunglasses-jacket-trousers-carries-fabric-bag-has-glad-expression-poses-outdoors-near-urban-building-spends-free-time-city-people-style-concept_273609-59926.jpg" },
id: "p1", { id: "2", brand: "Nils", name: "Casual Top", price: "LKR 2800", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-girly-items_23-2148229257.jpg" },
brand: "Nils", { id: "3", brand: "Nils", name: "Modern Skirt", price: "LKR 3200", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/arabic-bag-front-side_187299-38025.jpg" },
name: "Classic Cotton Tee",
price: "$45",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-with-curly-hair-wears-trendy-sunglasses-jacket-trousers-carries-fabric-bag-has-glad-expression-poses-outdoors-near-urban-building-spends-free-time-city-people-style-concept_273609-59926.jpg",
},
{
id: "p2",
brand: "Nils",
name: "Denim Essentials",
price: "$89",
rating: 4,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-girly-items_23-2148229257.jpg",
},
{
id: "p3",
brand: "Nils",
name: "Modern Hoodie",
price: "$75",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885674.jpg",
},
{
id: "p4",
brand: "Nils",
name: "Casual Sneakers",
price: "$120",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-drops-near-bottle-jar-dairy_23-2147895737.jpg",
},
{
id: "p5",
brand: "Nils",
name: "Wool Knit Sweater",
price: "$150",
rating: 4,
reviewCount: "60",
imageSrc: "http://img.b2bpic.net/free-photo/arabic-bag-front-side_187299-38025.jpg",
},
{
id: "p6",
brand: "Nils",
name: "Essential Jacket",
price: "$195",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-essential-bottles-cream_23-2148419380.jpg",
},
]} ]}
title="Featured Collections"
description="Browse our latest arrivals and timeless classics that define the Nils Store experience."
/>
</div>
<div id="features" data-section="features">
<FeatureCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
negativeCard={{
items: [
"No fast fashion",
"No hidden fees",
],
}}
positiveCard={{
items: [
"Ethical sourcing",
"Fast delivery",
"100% satisfaction guarantee",
],
}}
title="Why Choose Us"
description="Quality assurance and customer focus are at the heart of our service."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "99%",
title: "Positive Reviews",
description: "High standards every day.",
icon: CheckCircle,
},
{
id: "m2",
value: "24h",
title: "Avg Response Time",
description: "We are always here to help.",
icon: Clock,
},
{
id: "m3",
value: "12+",
title: "Global Partners",
description: "Working with the best.",
icon: Award,
},
]}
title="Our Impact"
description="We are proud of the community we have built together."
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
members={[
{
id: "t1",
name: "Nils Soren",
role: "Founder & CEO",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-say-no-fast-fashion_23-2149669608.jpg",
},
{
id: "t2",
name: "Maria L.",
role: "Design Lead",
imageSrc: "http://img.b2bpic.net/free-photo/covid-party-with-fancy-mask-top-view_23-2149299872.jpg",
},
{
id: "t3",
name: "John Doe",
role: "Lead Developer",
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178893.jpg",
},
]}
title="Meet the Minds"
description="Behind Nils Store is a dedicated team passionate about your style."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="Nils Store completely transformed my wardrobe. Everything fits perfectly and feels premium."
rating={5}
author="Sarah Miller"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/pretty-customer-with-paper-bags_23-2147652065.jpg",
alt: "happy customer in shop",
},
{
src: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
alt: "friendly client smiling",
},
{
src: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-shopping-mall_176420-97.jpg",
alt: "cheerful fashion shop customer",
},
{
src: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-shopping-mall_176420-95.jpg",
alt: "satisfied boutique shopper",
},
{
src: "http://img.b2bpic.net/free-photo/happy-couple-choosing-wine-grocery-store_23-2148216095.jpg",
alt: "happy client boutique retail",
},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Do you offer international shipping?",
content: "Yes, we ship globally.",
},
{
id: "f2",
title: "What is your return policy?",
content: "We offer a 30-day hassle-free return policy.",
},
{
id: "f3",
title: "Can I track my order?",
content: "Absolutely, a tracking number is sent upon shipment.",
},
]}
title="Frequently Asked"
description="Find answers to the most common questions about our store and services."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/cozy-lobby-with-bookshelf_1262-3517.jpg"
imageAlt="Cozy lobby with bookshelf"
mediaAnimation="slide-up"
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={false} tag="Find Us"
background={{ title="Visit Our Boutique"
variant: "radial-gradient", description="We are located at 261 High Level Rd, Nugegoda. Stop by to shop our latest collection or place an order for pick-up!"
}}
tag="Contact Us"
title="Need Support?"
description="Have any questions or need custom assistance? We are just a message away."
buttons={[ buttons={[
{ { text: "Call: 076 359 5706", href: "tel:0763595706" },
text: "Contact Support", { text: "Website: nilsonline.lk", href: "https://nilsonline.lk" }
href: "mailto:hello@nilsstore.com",
},
]} ]}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterSimple <FooterSimple
columns={[ columns={[
{ { title: "Store", items: [{ label: "261 High Level Rd, Nugegoda" }, { label: "076 359 5706" }] },
title: "Shop", { title: "Online", items: [{ label: "nilsonline.lk", href: "https://nilsonline.lk" }] },
items: [ { title: "Services", items: [{ label: "In-store Shopping" }, { label: "Pick-up Options" }] },
{
label: "All Products",
href: "#products",
},
{
label: "New Arrivals",
href: "#products",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "FAQ",
href: "#faq",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]} ]}
bottomLeftText="© 2024 Nils Store" bottomLeftText="© 2024 Nils Store"
bottomRightText="All rights reserved" bottomRightText="Women-Owned Boutique"
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }