Merge version_2 into main #3

Merged
bender merged 9 commits from version_2 into main 2026-04-20 10:05:29 +00:00
9 changed files with 319 additions and 243 deletions

View File

@@ -2,130 +2,38 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles"
background="grid"
cardStyle="gradient-mesh"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<ThemeProvider>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Collection",
id: "/collection",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="NISHA"
/>
</div>
<div id="contact-form" data-section="contact-form">
<ContactSplitForm
useInvertedBackground={false}
title="Get In Touch"
description="We are here for you. Drop us a message for any queries."
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Message",
}}
imageSrc="http://img.b2bpic.net/free-photo/pretty-woman-good-mood-doing-spring-cleanup-her-wardrobe-standing-rack-with-hangers-clothes-looking-with-happy-joyful-smile_273609-674.jpg"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
title="Common Questions"
description="Need immediate answers?"
faqs={[
{
id: "fq1",
title: "Order tracking",
content: "Use the link in your email.",
},
{
id: "fq2",
title: "Wholesale info",
content: "Contact us via the form.",
},
]}
faqsAnimation="blur-reveal"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Shop",
items: [
{
label: "All Products",
href: "/collection",
},
{
label: "New Arrivals",
href: "/collection",
},
],
},
{
title: "Help",
items: [
{
label: "Contact Us",
href: "/contact",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 NISHA. All rights reserved."
bottomRightText="Built with love."
/>
</div>
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Collection", id: "/collection" },
{ name: "Contact", id: "/contact" },
{ name: "Track Order", id: "/track-order" }
]}
brandName="NISHA"
/>
<ContactSplit
tag="Contact"
title="Get in touch"
description="Have questions or need assistance? We're here to help you."
imageSrc="http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543677.jpg?_wi=2"
/>
<FooterSimple
columns={[
{ title: "Shop", items: [{ label: "All Products", href: "/collection" }, { label: "New Arrivals", href: "/collection" }] },
{ title: "Help", items: [{ label: "Contact Us", href: "/contact" }, { label: "Track Order", href: "/track-order" }, { label: "Privacy Policy", href: "#" }] }
]}
bottomLeftText="© 2024 NISHA. All rights reserved."
bottomRightText="Built with love."
/>
</ReactLenis>
</ThemeProvider>
);
}
}

49
src/app/faq/page.tsx Normal file
View File

@@ -0,0 +1,49 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function FaqPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles"
background="grid"
cardStyle="gradient-mesh"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Collection", id: "/collection" },
{ name: "Returns & Exchanges", id: "/returns-exchanges" },
{ name: "FAQs", id: "/faq" },
{ name: "Terms of Service", id: "/terms-of-service" },
{ name: "Contact", id: "/contact" },
]}
brandName="NISHA"
/>
<FaqSplitText
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
faqs={[
{ id: "1", title: "What is your shipping time?", content: "3-5 business days for standard shipping." },
{ id: "2", title: "Are your products sustainable?", content: "Yes, 100% of our materials are ethically sourced." }
]}
/>
<FooterSimple
columns={[
{ title: "Shop", items: [{ label: "All Products", href: "/collection" }, { label: "New Arrivals", href: "/collection" }] },
{ title: "Help", items: [{ label: "Returns & Exchanges", href: "/returns-exchanges" }, { label: "FAQs", href: "/faq" }, { label: "Terms of Service", href: "/terms-of-service" }, { label: "Contact Us", href: "/contact" }] },
]}
/>
</ThemeProvider>
);
}

View File

@@ -29,17 +29,11 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "Collection",
id: "/collection",
},
name: "Collection", id: "/collection"},
{
name: "Contact",
id: "/contact",
},
name: "Contact", id: "/contact"},
]}
brandName="NISHA"
/>
@@ -48,71 +42,36 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="NISHA"
description="Redefining modern elegance through minimalist design. High-quality garments for your everyday look."
description="Redefining modern elegance through minimalist design. High-quality garments for your everyday look. Sign in to your account to save your preferences and view your order history."
testimonials={[
{
name: "Alex",
handle: "@alex",
testimonial: "The best quality fabric I have ever felt.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sitting-chair-black-white_23-2149411360.jpg?_wi=1",
imageAlt: "fashion model clothing white black studio",
},
name: "Alex", handle: "@alex", testimonial: "The best quality fabric I have ever felt.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sitting-chair-black-white_23-2149411360.jpg?_wi=1", imageAlt: "fashion model clothing white black studio"},
{
name: "Sam",
handle: "@sam",
testimonial: "Minimalist perfection.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543677.jpg?_wi=1",
imageAlt: "fashion model clothing white black studio",
},
name: "Sam", handle: "@sam", testimonial: "Minimalist perfection.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543677.jpg?_wi=1", imageAlt: "fashion model clothing white black studio"},
{
name: "Jordan",
handle: "@jord",
testimonial: "Obsessed with their designs.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/set-quail-eggs-near-feathers-vase_23-2148073841.jpg?_wi=1",
imageAlt: "fashion model clothing white black studio",
},
name: "Jordan", handle: "@jord", testimonial: "Obsessed with their designs.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/set-quail-eggs-near-feathers-vase_23-2148073841.jpg?_wi=1", imageAlt: "fashion model clothing white black studio"},
{
name: "Taylor",
handle: "@tay",
testimonial: "Timeless fashion pieces.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/rebel-model-posing-studio_23-2148376748.jpg?_wi=1",
imageAlt: "fashion model clothing white black studio",
},
name: "Taylor", handle: "@tay", testimonial: "Timeless fashion pieces.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/rebel-model-posing-studio_23-2148376748.jpg?_wi=1", imageAlt: "fashion model clothing white black studio"},
{
name: "Morgan",
handle: "@morg",
testimonial: "Quality that lasts forever.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing_1303-3724.jpg?_wi=1",
imageAlt: "fashion model clothing white black studio",
},
name: "Morgan", handle: "@morg", testimonial: "Quality that lasts forever.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing_1303-3724.jpg?_wi=1", imageAlt: "fashion model clothing white black studio"},
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-sitting-chair-black-white_23-2149411360.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-chair-elegant-white-shirt-suspenders-new-feminity-concept_23-2148951052.jpg",
alt: "Elegant female model",
},
src: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-chair-elegant-white-shirt-suspenders-new-feminity-concept_23-2148951052.jpg", alt: "Elegant female model"},
{
src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021807.jpg",
alt: "Stylish fashion model",
},
src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021807.jpg", alt: "Stylish fashion model"},
{
src: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-jacket-suit-with-tie-new-feminity-concept_23-2148951010.jpg",
alt: "Jacket suit model",
},
src: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-jacket-suit-with-tie-new-feminity-concept_23-2148951010.jpg", alt: "Jacket suit model"},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman_176420-16845.jpg",
alt: "Young brunette woman",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman_176420-16845.jpg", alt: "Young brunette woman"},
{
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2629.jpg",
alt: "Elegant portrait",
},
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2629.jpg", alt: "Elegant portrait"},
]}
avatarText="Join 10k+ satisfied customers"
/>
@@ -123,20 +82,14 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
title="The Nisha Philosophy"
description="We believe in less but better. Nisha is dedicated to creating sustainable, high-end garments that offer both comfort and style."
description="We believe in less but better. Nisha is dedicated to creating sustainable, high-end garments that offer both comfort and style. Our new integrated data system ensures that all your user information and style preferences are stored securely for a seamless shopping experience."
bulletPoints={[
{
title: "Premium Fabric",
description: "Sourced from the finest local mills.",
},
title: "Premium Fabric", description: "Sourced from the finest local mills."},
{
title: "Minimalist Design",
description: "Designed to last beyond trends.",
},
title: "Minimalist Design", description: "Designed to last beyond trends."},
{
title: "Ethical Sourcing",
description: "Fair wages for every artisan.",
},
title: "Ethical Sourcing", description: "Fair wages for every artisan."},
]}
imageSrc="http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543677.jpg?_wi=2"
/>
@@ -149,23 +102,14 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Impact"
description="Measuring our footprint one garment at a time."
description="Measuring our footprint one garment at a time with secure data tracking."
metrics={[
{
id: "m1",
value: "100%",
description: "Sustainable Materials",
},
id: "m1", value: "100%", description: "Sustainable Materials"},
{
id: "m2",
value: "5k+",
description: "Happy Clients",
},
id: "m2", value: "5k+", description: "Happy Clients"},
{
id: "m3",
value: "20",
description: "Artisan Partnerships",
},
id: "m3", value: "20", description: "Artisan Partnerships"},
]}
/>
</div>
@@ -175,18 +119,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
title="Frequently Asked"
description="Everything you need to know."
description="Everything you need to know about our services and secure account features."
faqs={[
{
id: "f1",
title: "Shipping time?",
content: "3-5 business days.",
},
id: "f1", title: "How secure is my data?", content: "We use industry-standard encryption for all user data and login credentials."},
{
id: "f2",
title: "Return policy?",
content: "Free returns within 30 days.",
},
id: "f2", title: "Shipping time?", content: "3-5 business days."},
]}
faqsAnimation="slide-up"
/>
@@ -198,24 +136,16 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
title="Why Nisha?"
description="Experience superior quality and design."
description="Experience superior quality, timeless design, and a modern digital experience."
features={[
{
id: "f1",
title: "Comfort",
descriptions: [
"Softest fabrics for all day wear.",
],
imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg",
},
id: "f1", title: "Real-time Account Access", descriptions: [
"Access your order history and preferences instantly."],
imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg"},
{
id: "f2",
title: "Durability",
descriptions: [
"Designed to last years, not months.",
],
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2701.jpg",
},
id: "f2", title: "Secure Data Storage", descriptions: [
"Your personal data is encrypted and stored safely."],
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2701.jpg"},
]}
/>
</div>
@@ -224,29 +154,19 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "All Products",
href: "/collection",
},
label: "All Products", href: "/collection"},
{
label: "New Arrivals",
href: "/collection",
},
label: "New Arrivals", href: "/collection"},
],
},
{
title: "Help",
items: [
title: "Help", items: [
{
label: "Contact Us",
href: "/contact",
},
label: "Contact Us", href: "/contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}

20
src/app/privacy/page.tsx Normal file
View File

@@ -0,0 +1,20 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import LegalSection from '@/components/legal/LegalSection';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
export default function PrivacyPolicyPage() {
return (
<ThemeProvider>
<NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Size Guide", id: "/size-guide"}, {name: "Shipping", id: "/shipping"}, {name: "Privacy", id: "/privacy"}]} brandName="NISHA" />
<LegalSection
layout="page"
title="Privacy Policy"
sections={[
{ heading: "Data Collection", content: { type: "paragraph", text: "We collect information you provide directly to us when you make a purchase or contact us." } },
{ heading: "Usage", content: { type: "list", items: ["Order processing", "Communication about products", "Improving our website"] } }
]}
/>
</ThemeProvider>
);
}

View File

@@ -0,0 +1,49 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import LegalSection from '@/components/legal/LegalSection';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function ReturnsExchangesPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles"
background="grid"
cardStyle="gradient-mesh"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Collection", id: "/collection" },
{ name: "Returns & Exchanges", id: "/returns-exchanges" },
{ name: "FAQs", id: "/faq" },
{ name: "Terms of Service", id: "/terms-of-service" },
{ name: "Contact", id: "/contact" },
]}
brandName="NISHA"
/>
<LegalSection
layout="page"
title="Returns & Exchanges"
sections={[
{ heading: "Return Policy", content: { type: "paragraph", text: "We accept returns within 30 days of purchase. Items must be in original condition." } },
{ heading: "How to return", content: { type: "numbered-list", items: ["Contact us at support@nisha.com", "Receive shipping label", "Drop off package"] } }
]}
/>
<FooterSimple
columns={[
{ title: "Shop", items: [{ label: "All Products", href: "/collection" }, { label: "New Arrivals", href: "/collection" }] },
{ title: "Help", items: [{ label: "Returns & Exchanges", href: "/returns-exchanges" }, { label: "FAQs", href: "/faq" }, { label: "Terms of Service", href: "/terms-of-service" }, { label: "Contact Us", href: "/contact" }] },
]}
/>
</ThemeProvider>
);
}

20
src/app/shipping/page.tsx Normal file
View File

@@ -0,0 +1,20 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import LegalSection from '@/components/legal/LegalSection';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
export default function ShippingPage() {
return (
<ThemeProvider>
<NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Size Guide", id: "/size-guide"}, {name: "Shipping", id: "/shipping"}, {name: "Privacy", id: "/privacy"}]} brandName="NISHA" />
<LegalSection
layout="page"
title="Shipping & Delivery"
sections={[
{ heading: "Processing Time", content: { type: "paragraph", text: "All orders are processed within 1-2 business days." } },
{ heading: "Delivery Estimates", content: { type: "numbered-list", items: ["Standard: 5-7 business days", "Express: 2-3 business days", "International: 10-14 business days"] } }
]}
/>
</ThemeProvider>
);
}

View File

@@ -0,0 +1,20 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import LegalSection from '@/components/legal/LegalSection';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
export default function SizeGuidePage() {
return (
<ThemeProvider>
<NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Size Guide", id: "/size-guide"}, {name: "Shipping", id: "/shipping"}, {name: "Privacy", id: "/privacy"}]} brandName="NISHA" />
<LegalSection
layout="page"
title="Size Guide"
sections={[
{ heading: "Finding Your Fit", content: { type: "paragraph", text: "All our garments are designed with a relaxed, modern fit. Please refer to our standardized sizing chart below to ensure the best experience." } },
{ heading: "Measurements (CM)", content: { type: "list", items: ["S: Chest 90-95cm, Waist 70-75cm", "M: Chest 95-100cm, Waist 75-80cm", "L: Chest 100-105cm, Waist 80-85cm"] } }
]}
/>
</ThemeProvider>
);
}

View File

@@ -0,0 +1,49 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import LegalSection from '@/components/legal/LegalSection';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function TermsOfServicePage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles"
background="grid"
cardStyle="gradient-mesh"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Collection", id: "/collection" },
{ name: "Returns & Exchanges", id: "/returns-exchanges" },
{ name: "FAQs", id: "/faq" },
{ name: "Terms of Service", id: "/terms-of-service" },
{ name: "Contact", id: "/contact" },
]}
brandName="NISHA"
/>
<LegalSection
layout="page"
title="Terms of Service"
sections={[
{ heading: "Acceptance of Terms", content: { type: "paragraph", text: "By accessing this website, you agree to comply with these terms." } },
{ heading: "User Responsibilities", content: { type: "list", items: ["You must be 18+ to purchase", "Use site for personal use only"] } }
]}
/>
<FooterSimple
columns={[
{ title: "Shop", items: [{ label: "All Products", href: "/collection" }, { label: "New Arrivals", href: "/collection" }] },
{ title: "Help", items: [{ label: "Returns & Exchanges", href: "/returns-exchanges" }, { label: "FAQs", href: "/faq" }, { label: "Terms of Service", href: "/terms-of-service" }, { label: "Contact Us", href: "/contact" }] },
]}
/>
</ThemeProvider>
);
}

View File

@@ -0,0 +1,41 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function TrackOrderPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Collection", id: "/collection" },
{ name: "Contact", id: "/contact" },
{ name: "Track Order", id: "/track-order" }
]}
brandName="NISHA"
/>
<ContactSplit
tag="Support"
title="Track your order"
description="Enter your order number below to check the latest status of your delivery."
inputPlaceholder="Enter order number"
buttonText="Track Order"
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-sitting-chair-black-white_23-2149411360.jpg?_wi=2"
/>
<FooterSimple
columns={[
{ title: "Shop", items: [{ label: "All Products", href: "/collection" }, { label: "New Arrivals", href: "/collection" }] },
{ title: "Help", items: [{ label: "Contact Us", href: "/contact" }, { label: "Track Order", href: "/track-order" }, { label: "Privacy Policy", href: "#" }] }
]}
bottomLeftText="© 2024 NISHA. All rights reserved."
bottomRightText="Built with love."
/>
</ReactLenis>
</ThemeProvider>
);
}