Merge version_2 into main #2
99
src/app/login/page.tsx
Normal file
99
src/app/login/page.tsx
Normal file
@@ -0,0 +1,99 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
|
||||
export default function LoginPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="large"
|
||||
background="noise"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "#home" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Collection", id: "#products" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
{ name: "Sign Up", id: "/signup" },
|
||||
{ name: "Login", id: "/login" }
|
||||
]}
|
||||
brandName="ChicThreads"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="login" data-section="login" className="py-24 md:py-32 lg:py-48 flex items-center justify-center">
|
||||
<div className="max-w-md w-full text-center p-8 bg-card rounded-lg shadow-lg">
|
||||
<h1 className="text-4xl font-bold mb-4">Login</h1>
|
||||
<p className="text-lg text-foreground mb-8">
|
||||
Welcome back! Please enter your credentials to log in.
|
||||
</p>
|
||||
{/* Placeholder for a login form */}
|
||||
<div className="space-y-4">
|
||||
<input
|
||||
type="email"
|
||||
placeholder="Email"
|
||||
className="w-full p-3 rounded-md bg-background-accent border border-foreground/10 text-foreground placeholder-foreground/50 focus:outline-none focus:ring-2 focus:ring-primary-cta"
|
||||
/>
|
||||
<input
|
||||
type="password"
|
||||
placeholder="Password"
|
||||
className="w-full p-3 rounded-md bg-background-accent border border-foreground/10 text-foreground placeholder-foreground/50 focus:outline-none focus:ring-2 focus:ring-primary-cta"
|
||||
/>
|
||||
<button className="w-full py-3 px-6 rounded-md bg-primary-cta text-white font-semibold transition-colors duration-200 hover:bg-primary-cta/90">
|
||||
Login
|
||||
</button>
|
||||
<p className="text-sm text-foreground/70 mt-4">
|
||||
Don't have an account? <a href="/signup" className="text-primary-cta hover:underline">Sign Up</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Story", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "Abayas", href: "#products" },
|
||||
{ label: "Handbags", href: "#products" },
|
||||
{ label: "New Arrivals", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Shipping & Returns", href: "#" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 ChicThreads. All rights reserved."
|
||||
bottomRightText="Privacy Policy | Terms of Service"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -45,7 +45,7 @@ export default function LandingPage() {
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="ChicThreads"
|
||||
brandName="FashionCloths"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -53,8 +53,8 @@ export default function LandingPage() {
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
logoText="ChicThreads"
|
||||
description="Discover a curated collection of elegant abayas, sophisticated handbags, and modern apparel that redefines modest fashion. Elevate your style with timeless pieces."
|
||||
logoText="FashionCloths"
|
||||
description="Discover a curated collection of elegant abayas, sophisticated handbags, and modern apparel that redefines modest fashion. Elevate your style with timeless pieces from FashionCloths."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals", href: "#products"},
|
||||
@@ -62,7 +62,7 @@ export default function LandingPage() {
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashionable-young-woman-grey-coat-hat-walking-street-city-centre-smiling-true-emotions-stylish-lifestyle-luxury-clothes-elegant-look_197531-1885.jpg"
|
||||
imageAlt="Elegant woman wearing an abaya and carrying a luxury handbag"
|
||||
imageAlt="Elegant woman wearing an abaya and carrying a luxury handbag, representing FashionCloths style"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
@@ -145,18 +145,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Absolutely Stunning Abaya!", quote: "I'm incredibly impressed with the quality and design of my new abaya. It's truly a statement piece that I feel confident and elegant in. ChicThreads has won a loyal customer!", name: "Aisha Khan", role: "Fashion Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/fulllength-portrait-romantic-brunette-girl-pajamas-chilling-home-indoor-shot-charming-woman-relaxing-rest-her-apartment_197531-26111.jpg", imageAlt: "Aisha Khan"},
|
||||
id: "1", title: "Absolutely Stunning Abaya!", quote: "I'm incredibly impressed with the quality and design of my new abaya. It's truly a statement piece that I feel confident and elegant in. FashionCloths has won a loyal customer!", name: "Aisha Khan", role: "Fashion Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/fulllength-portrait-romantic-brunette-girl-pajamas-chilling-home-indoor-shot-charming-woman-relaxing-rest-her-apartment_197531-26111.jpg", imageAlt: "Aisha Khan"},
|
||||
{
|
||||
id: "2", title: "My Go-To for Handbags", quote: "The handbag I purchased from ChicThreads is not just beautiful, but also incredibly durable and versatile. It complements every outfit perfectly. Highly recommend!", name: "Fatima Al-Mansoori", role: "Style Consultant", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-white-curly-hair-with-glass-coffee_1321-3369.jpg", imageAlt: "Fatima Al-Mansoori"},
|
||||
id: "2", title: "My Go-To for Handbags", quote: "The handbag I purchased from FashionCloths is not just beautiful, but also incredibly durable and versatile. It complements every outfit perfectly. Highly recommend!", name: "Fatima Al-Mansoori", role: "Style Consultant", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-white-curly-hair-with-glass-coffee_1321-3369.jpg", imageAlt: "Fatima Al-Mansoori"},
|
||||
{
|
||||
id: "3", title: "Exceptional Quality Clothing", quote: "ChicThreads offers clothing that feels luxurious and fits impeccably. I love that I can find modest yet highly fashionable options here. Truly a gem!", name: "Zara Ali", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-dark-green-dress-poses-outside_197531-26623.jpg", imageAlt: "Zara Ali"},
|
||||
id: "3", title: "Exceptional Quality Clothing", quote: "FashionCloths offers clothing that feels luxurious and fits impeccably. I love that I can find modest yet highly fashionable options here. Truly a gem!", name: "Zara Ali", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-dark-green-dress-poses-outside_197531-26623.jpg", imageAlt: "Zara Ali"},
|
||||
{
|
||||
id: "4", title: "Elegant and Comfortable", quote: "My new abaya is both elegant and incredibly comfortable, perfect for long days. The fabric is premium, and the stitching is flawless. Exceeded my expectations!", name: "Noor Hassan", role: "Educator", imageSrc: "http://img.b2bpic.net/free-photo/seductive-blond-european-woman-red-jacket-white-dress-posing-street-hand-near-face-long-eyelashe_273443-3418.jpg", imageAlt: "Noor Hassan"},
|
||||
{
|
||||
id: "5", title: "A Touch of Sophistication", quote: "The pieces from ChicThreads add a unique touch of sophistication to my wardrobe. I always receive compliments when wearing their designs. Fantastic service too!", name: "Layla Rahman", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-model-posing-elegant-dress_1328-2502.jpg", imageAlt: "Layla Rahman"},
|
||||
id: "5", title: "A Touch of Sophistication", quote: "The pieces from FashionCloths add a unique touch of sophistication to my wardrobe. I always receive compliments when wearing their designs. Fantastic service too!", name: "Layla Rahman", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-model-posing-elegant-dress_1328-2502.jpg", imageAlt: "Layla Rahman"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear from our delighted customers who have experienced the elegance and quality of ChicThreads. Your satisfaction is our greatest reward."
|
||||
description="Hear from our delighted customers who have experienced the elegance and quality of FashionCloths. Your satisfaction is our greatest reward."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -167,11 +167,11 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "faq-1", title: "What materials are your abayas made from?", content: "Our abayas are crafted from a selection of premium fabrics including Nida, Crepe, and high-quality Korean Linen, chosen for their luxurious feel, durability, and elegant drape."},
|
||||
{
|
||||
id: "faq-2", title: "Do you offer international shipping?", content: "Yes, ChicThreads proudly offers worldwide shipping. Shipping costs and delivery times vary depending on your location, which will be calculated at checkout."},
|
||||
id: "faq-2", title: "Do you offer international shipping?", content: "Yes, FashionCloths proudly offers worldwide shipping. Shipping costs and delivery times vary depending on your location, which will be calculated at checkout."},
|
||||
{
|
||||
id: "faq-3", title: "What is your return and exchange policy?", content: "We offer a 14-day return and exchange policy for unworn and unwashed items with original tags attached. Please refer to our detailed returns page for more information."},
|
||||
{
|
||||
id: "faq-4", title: "How do I care for my ChicThreads garments?", content: "We recommend dry cleaning for most of our abayas and delicate clothing items to maintain their quality and embellishments. Handbags should be cleaned with a soft, damp cloth."},
|
||||
id: "faq-4", title: "How do I care for my FashionCloths garments?", content: "We recommend dry cleaning for most of our abayas and delicate clothing items to maintain their quality and embellishments. Handbags should be cleaned with a soft, damp cloth."},
|
||||
{
|
||||
id: "faq-5", title: "Are your products true to size?", content: "We provide a comprehensive size guide on each product page. We recommend comparing your measurements to our guide to ensure the best fit."},
|
||||
]}
|
||||
@@ -190,7 +190,7 @@ export default function LandingPage() {
|
||||
text="Have a question? We're here to help!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Us an Email", href: "mailto:info@chicthreads.com"},
|
||||
text: "Send Us an Email", href: "mailto:info@fashioncloths.com"},
|
||||
{
|
||||
text: "WhatsApp Us", href: "https://wa.me/1234567890"},
|
||||
]}
|
||||
@@ -230,8 +230,17 @@ export default function LandingPage() {
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "https://www.instagram.com/fashioncloths" },
|
||||
{ label: "Threads", href: "https://www.threads.net/@fashioncloths" },
|
||||
{ label: "TikTok", href: "https://www.tiktok.com/@fashioncloths" },
|
||||
{ label: "YouTube", href: "https://www.youtube.com/@fashioncloths" },
|
||||
{ label: "X", href: "https://twitter.com/fashioncloths" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 ChicThreads. All rights reserved."
|
||||
bottomLeftText="© 2024 FashionCloths. All rights reserved."
|
||||
bottomRightText="Privacy Policy | Terms of Service"
|
||||
/>
|
||||
</div>
|
||||
|
||||
89
src/app/signup/page.tsx
Normal file
89
src/app/signup/page.tsx
Normal file
@@ -0,0 +1,89 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import EmailSignupForm from '@/components/form/EmailSignupForm';
|
||||
|
||||
export default function SignupPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="large"
|
||||
background="noise"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "#home" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Collection", id: "#products" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
{ name: "Sign Up", id: "/signup" },
|
||||
{ name: "Login", id: "/login" }
|
||||
]}
|
||||
brandName="ChicThreads"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="signup" data-section="signup" className="py-24 md:py-32 lg:py-48 flex items-center justify-center">
|
||||
<div className="max-w-md w-full text-center p-8 bg-card rounded-lg shadow-lg">
|
||||
<h1 className="text-4xl font-bold mb-4">Sign Up</h1>
|
||||
<p className="text-lg text-foreground mb-8">
|
||||
Join ChicThreads today and discover exclusive collections.
|
||||
</p>
|
||||
<EmailSignupForm
|
||||
inputPlaceholder="Your email address"
|
||||
buttonText="Create Account"
|
||||
onSubmit={(email) => alert(`Signing up with ${email}`)}
|
||||
/>
|
||||
<p className="text-sm text-foreground/70 mt-4">
|
||||
Already have an account? <a href="/login" className="text-primary-cta hover:underline">Log In</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Story", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "Abayas", href: "#products" },
|
||||
{ label: "Handbags", href: "#products" },
|
||||
{ label: "New Arrivals", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Shipping & Returns", href: "#" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 ChicThreads. All rights reserved."
|
||||
bottomRightText="Privacy Policy | Terms of Service"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user