Merge version_2 into main #1
357
src/app/page.tsx
357
src/app/page.tsx
@@ -13,7 +13,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
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";
|
||||
import { Award, CheckCircle, Clock, MapPin, Phone, Globe } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,59 +33,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Nils Store"
|
||||
button={{
|
||||
text: "Visit Store",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Visit Store", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Nils Store: Style Redefined"
|
||||
description="Discover curated collections designed for your modern lifestyle. Quality meets elegance in every piece we offer."
|
||||
background={{ 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."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-chic-boutique-filled-with-new-collection-designer-clothes-racks_482257-118548.jpg",
|
||||
imageAlt: "minimalist retail store interior",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ 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/medium-shot-smiley-woman-talking-phone_23-2149361903.jpg", imageAlt: "Fashion shopping" },
|
||||
{ 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", imageAlt: "In-store collection" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -94,313 +61,57 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Commitment to Quality"
|
||||
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."
|
||||
title="About Nils Store"
|
||||
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={[
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Curated Products",
|
||||
},
|
||||
{
|
||||
value: "5",
|
||||
title: "Years Growing",
|
||||
},
|
||||
{ value: "261 High Level Rd", title: "Nugegoda 10250" },
|
||||
{ value: "076 359 5706", title: "Call Us" },
|
||||
{ value: "nilsonline.lk", title: "Visit Website" },
|
||||
]}
|
||||
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"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="fashion store owner in shop"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Latest Collections"
|
||||
description="Discover our hand-picked styles for women, available for in-store pickup."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Nils",
|
||||
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",
|
||||
},
|
||||
{ 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: "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" },
|
||||
{ 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" },
|
||||
]}
|
||||
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 id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Need Support?"
|
||||
description="Have any questions or need custom assistance? We are just a message away."
|
||||
tag="Find Us"
|
||||
title="Visit Our Boutique"
|
||||
description="We are located at 261 High Level Rd, Nugegoda. Stop by to shop our latest collection or place an order for pick-up!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:hello@nilsstore.com",
|
||||
},
|
||||
{ text: "Call: 076 359 5706", href: "tel:0763595706" },
|
||||
{ text: "Website: nilsonline.lk", href: "https://nilsonline.lk" }
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
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: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Store", items: [{ label: "261 High Level Rd, Nugegoda" }, { label: "076 359 5706" }] },
|
||||
{ title: "Online", items: [{ label: "nilsonline.lk", href: "https://nilsonline.lk" }] },
|
||||
{ title: "Services", items: [{ label: "In-store Shopping" }, { label: "Pick-up Options" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Nils Store"
|
||||
bottomRightText="All rights reserved"
|
||||
bottomRightText="Women-Owned Boutique"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user