Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d1741bf541 | |||
| 5c4171eec8 | |||
| 9db87ca548 | |||
| 2bf7d6fb96 | |||
| c53754a759 | |||
| 792ef34dbe |
363
src/app/page.tsx
363
src/app/page.tsx
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user