Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
131
src/app/login/page.tsx
Normal file
131
src/app/login/page.tsx
Normal file
@@ -0,0 +1,131 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import Input from '@/components/form/Input';
|
||||
import ButtonIconArrow from '@/components/button/ButtonIconArrow';
|
||||
import Link from 'next/link';
|
||||
import { useState } from 'react';
|
||||
|
||||
export default function LoginPage() {
|
||||
const [email, setEmail] = useState('');
|
||||
const [password, setPassword] = useState('');
|
||||
|
||||
const handleLogin = (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
console.log('Login attempt with:', { email, password });
|
||||
// Add actual login logic here
|
||||
};
|
||||
|
||||
const commonNavItems = [
|
||||
{
|
||||
name: "Home", id: "/"
|
||||
},
|
||||
{
|
||||
name: "About Us", id: "#about"
|
||||
},
|
||||
{
|
||||
name: "Collections", id: "#features"
|
||||
},
|
||||
{
|
||||
name: "Shop", id: "#products"
|
||||
},
|
||||
{
|
||||
name: "Testimonials", id: "#testimonials"
|
||||
},
|
||||
{
|
||||
name: "FAQ", id: "#faq"
|
||||
},
|
||||
{
|
||||
name: "Blog", id: "#blog"
|
||||
},
|
||||
{
|
||||
name: "Contact", id: "#contact"
|
||||
},
|
||||
{
|
||||
name: "Login", id: "/login"
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={commonNavItems}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/illustration-boutique-shop-logo-stamp-banner_53876-6837.jpg"
|
||||
logoAlt="Elegance Attire Logo"
|
||||
brandName="Elegance Attire"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="flex min-h-[calc(100vh-var(--height-navbar))]">
|
||||
{/* Left side: Fashion model image */}
|
||||
<div className="relative hidden w-1/2 flex-shrink-0 lg:flex items-center justify-center bg-[var(--background-accent)] p-6">
|
||||
<img
|
||||
src="http://img.b2bpic.net/free-photo/side-view-beautiful-woman-pink-background_23-2148784869.jpg"
|
||||
alt="Fashion model"
|
||||
className="max-h-full max-w-full object-contain rounded-lg shadow-lg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Right side: Login form */}
|
||||
<div className="flex flex-grow items-center justify-center p-4 sm:p-6 lg:p-12 bg-[var(--background)]">
|
||||
<div className="w-full max-w-md p-8 space-y-6 rounded-lg shadow-xl bg-[var(--card)] text-[var(--foreground)]">
|
||||
<h2 className="text-3xl font-bold text-center">Login to Your Account</h2>
|
||||
<form onSubmit={handleLogin} className="space-y-6">
|
||||
<div>
|
||||
<label htmlFor="email" className="block text-sm font-medium text-[var(--foreground)]">Email</label>
|
||||
<Input
|
||||
id="email"
|
||||
type="email"
|
||||
placeholder="you@example.com"
|
||||
value={email}
|
||||
onChange={setEmail}
|
||||
required
|
||||
className="mt-1 block w-full rounded-md shadow-sm border-gray-300 bg-[var(--background)] text-[var(--foreground)] focus:ring-[var(--primary-cta)] focus:border-[var(--primary-cta)]"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label htmlFor="password" className="block text-sm font-medium text-[var(--foreground)]">Password</label>
|
||||
<Input
|
||||
id="password"
|
||||
type="password"
|
||||
placeholder="Password"
|
||||
value={password}
|
||||
onChange={setPassword}
|
||||
required
|
||||
className="mt-1 block w-full rounded-md shadow-sm border-gray-300 bg-[var(--background)] text-[var(--foreground)] focus:ring-[var(--primary-cta)] focus:border-[var(--primary-cta)]"
|
||||
/>
|
||||
</div>
|
||||
<ButtonIconArrow
|
||||
text="Login"
|
||||
type="submit"
|
||||
className="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium bg-[var(--primary-cta)] text-[var(--primary-cta-text)] hover:bg-opacity-90"
|
||||
textClassName="!text-[var(--primary-cta-text)]"
|
||||
/>
|
||||
<div className="text-center text-sm mt-4">
|
||||
<Link href="/forgot-password" className="font-medium text-[var(--secondary-cta)] hover:underline">
|
||||
Forgot password?
|
||||
</Link>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
381
src/app/page.tsx
381
src/app/page.tsx
@@ -34,166 +34,84 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Collections", id: "#features"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "#blog",
|
||||
},
|
||||
name: "Blog", id: "#blog"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/illustration-boutique-shop-logo-stamp-banner_53876-6837.jpg"
|
||||
logoAlt="Elegance Attire Logo"
|
||||
brandName="Elegance Attire"
|
||||
logoAlt="Fashion Store Logo"
|
||||
brandName="FASHION STORE"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Your Style, Elevated. Discover the Latest in Fashion."
|
||||
description="Explore our curated collections, where elegance meets contemporary design. Find your perfect look for every occasion."
|
||||
variant: "plain"}}
|
||||
title="YANGI USLUB"
|
||||
description="Eng so'nggi moda trendlari va noyob uslublarni kashf eting. Har bir kiyim sizning shaxsiyatingizni aks ettiradi."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-body-portrait-blue-eyes-young-woman-white-clothes-sitting-chair_613910-10578.jpg",
|
||||
imageAlt: "Woman in elegant dress",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-body-portrait-blue-eyes-young-woman-white-clothes-sitting-chair_613910-10578.jpg", imageAlt: "Woman in elegant dress"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2622.jpg",
|
||||
imageAlt: "Man in tailored suit",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2622.jpg", imageAlt: "Man in tailored suit"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204452.jpg",
|
||||
imageAlt: "Female model casual chic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-couple-love-walking-city-urban-style-expressive-blonde-girl-with-her-handsome-boyfriend-having-fun-spring-stylish-outfit_273443-2565.jpg",
|
||||
imageAlt: "Couple in fashionable attire",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-blue-scarf-his-head_23-2149055253.jpg",
|
||||
imageAlt: "Abstract fashion textile patterns",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-wedding-arrangement-with-invitation-mock-up_23-2148289693.jpg",
|
||||
imageAlt: "Minimalist fashion accessories",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204452.jpg", imageAlt: "Female model casual chic"}
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-bohemian-woman-posing-with-ukulele-field_23-2148522790.jpg",
|
||||
imageAlt: "Woman in flowing summer dress",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-bohemian-woman-posing-with-ukulele-field_23-2148522790.jpg", imageAlt: "Woman in flowing summer dress"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-shopping-city_23-2149273815.jpg",
|
||||
imageAlt: "Man wearing stylish leather jacket",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-shopping-city_23-2149273815.jpg", imageAlt: "Man wearing stylish leather jacket"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-curly-brunette-fitness-woman_171337-1874.jpg",
|
||||
imageAlt: "Female model in trendy sportswear",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-still-life_23-2150176660.jpg",
|
||||
imageAlt: "Group of diverse models fashion show",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-looking-burgundy-suit_23-2147601340.jpg",
|
||||
imageAlt: "Vintage clothing shop interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tailoring-tools-elements-assortment-with-empty-notepad_23-2148707979.jpg",
|
||||
imageAlt: "Fashion design sketch",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-curly-brunette-fitness-woman_171337-1874.jpg", imageAlt: "Female model in trendy sportswear"}
|
||||
]}
|
||||
tag="New Arrivals"
|
||||
tag="Yangi Kelganlar"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Women",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Ayollar Uchun Xarid Qilish", href: "#products"},
|
||||
{
|
||||
text: "Shop Men",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Erkaklar Uchun Xarid Qilish", href: "#products"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
|
||||
alt: "Happy woman portrait smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg", alt: "Happy woman portrait smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
||||
alt: "Smiling senior businessman pointing with finger",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", alt: "Smiling senior businessman pointing with finger"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg",
|
||||
alt: "Happy face of attractive bearded man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg", alt: "Happy face of attractive bearded man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
|
||||
alt: "Smiling female staff at airport terminal",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", alt: "Smiling female staff at airport terminal"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-sitting-table-outdoors-talking-with-person_23-2147805671.jpg",
|
||||
alt: "Man sitting at table outdoors talking with person",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-sitting-table-outdoors-talking-with-person_23-2147805671.jpg", alt: "Man sitting at table outdoors talking with person"},
|
||||
]}
|
||||
avatarText="Join 50K+ fashion lovers"
|
||||
avatarText="50K+ moda ixlosmandlariga qo'shiling"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/illustration-boutique-shop-logo-stamp-banner_53876-6865.jpg",
|
||||
alt: "Illustration of boutique shop logo stamp banner",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/illustration-boutique-shop-logo-stamp-banner_53876-6865.jpg", alt: "Illustration of boutique shop logo stamp banner"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/flat-design-clothing-store-logo-template_23-2149486137.jpg",
|
||||
alt: "Flat design clothing store logo template",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/flat-design-clothing-store-logo-template_23-2149486137.jpg", alt: "Flat design clothing store logo template"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/hand-drawn-gold-crown-logo-template_23-2150947467.jpg",
|
||||
alt: "Hand drawn gold crown logo template",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/hand-drawn-gold-crown-logo-template_23-2150947467.jpg", alt: "Hand drawn gold crown logo template"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/fashion-logo-template_23-2150529282.jpg",
|
||||
alt: "Fashion logo template",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/fashion-logo-template_23-2150529282.jpg", alt: "Fashion logo template"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/collection-logos-branding-vector_53876-66304.jpg",
|
||||
alt: "Minimalist clothing brand logo",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/collection-logos-branding-vector_53876-66304.jpg", alt: "Minimalist clothing brand logo"},
|
||||
]}
|
||||
marqueeSpeed={40}
|
||||
/>
|
||||
@@ -219,27 +137,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Evening & Formal Wear",
|
||||
description: "Gowns, suits, and dresses for every grand occasion. Make a statement with luxurious fabrics and impeccable tailoring.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-s-day-concept_23-2148594300.jpg",
|
||||
imageAlt: "Elegant evening wear",
|
||||
},
|
||||
title: "Bepul Yetkazib Berish", description: "O'zbekiston bo'ylab barcha buyurtmalar uchun bepul yetkazib berish xizmati.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-reusable-bags-nature_23-2148523396.jpg", imageAlt: "Free Delivery Icon"},
|
||||
{
|
||||
title: "Casual Chic Essentials",
|
||||
description: "Elevate your everyday with comfortable yet stylish pieces. Perfect for day-to-day elegance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-beach-adventure_23-2148801488.jpg",
|
||||
imageAlt: "Casual chic outfits",
|
||||
},
|
||||
title: "Oson Qaytarish", description: "Agar sizga mahsulot yoqmasa, 14 kun ichida osonlikcha qaytarishingiz mumkin.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-wedding-arrangement-with-invitation-mock-up_23-2148289693.jpg", imageAlt: "Easy Return Icon"},
|
||||
{
|
||||
title: "Sustainable Fashion",
|
||||
description: "Conscious clothing that looks good and does good. Explore our eco-friendly and ethically sourced collections.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-closeup-shot-man-holding-open-white-medical-mask_181624-23803.jpg",
|
||||
imageAlt: "Sustainable fashion garments",
|
||||
},
|
||||
title: "Xavfsiz To'lovlar", description: "Barcha to'lovlar xavfsiz shifrlash texnologiyalari bilan himoyalangan.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-blue-scarf-his-head_23-2149055253.jpg", imageAlt: "Secure Payment Icon"},
|
||||
{
|
||||
title: "24/7 Yordam", description: "Savollaringiz bormi? Bizning qo'llab-quvvatlash xizmatimiz doimo yoningizda.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", imageAlt: "24/7 Support Icon"},
|
||||
]}
|
||||
title="Explore Our Exclusive Collections"
|
||||
description="Dive into carefully curated selections designed to inspire and elevate your personal style. From sophisticated evening wear to everyday essentials, find your next favorite."
|
||||
tag="Collections"
|
||||
title="Bizning afzalliklarimiz"
|
||||
description="Xarid qilish tajribangizni yanada qulay va xavfsiz qilish uchun biz bir qator xizmatlarni taklif etamiz."
|
||||
tag="Xizmatlar"
|
||||
tagAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -252,47 +160,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
name: "Silk Elegance Blouse",
|
||||
price: "$120.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-with-brunette-hair-blouse-with-lace-jeans-poses-with-flower-mouth-inside-wavy-haired-woman-with-red-lips-smiles-cafe_197531-19314.jpg",
|
||||
imageAlt: "Luxury silk blouse",
|
||||
},
|
||||
id: "product-1", name: "Silk Elegance Blouse", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-with-brunette-hair-blouse-with-lace-jeans-poses-with-flower-mouth-inside-wavy-haired-woman-with-red-lips-smiles-cafe_197531-19314.jpg", imageAlt: "Luxury silk blouse"},
|
||||
{
|
||||
id: "product-2",
|
||||
name: "Tailored Wool Blazer",
|
||||
price: "$250.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-with-long-blond-hair-holds-tablet-pc-with-red-single-speed-bicycle-park-background_613910-10146.jpg",
|
||||
imageAlt: "Men's tailored wool blazer",
|
||||
},
|
||||
id: "product-2", name: "Tailored Wool Blazer", price: "$250.00", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-with-long-blond-hair-holds-tablet-pc-with-red-single-speed-bicycle-park-background_613910-10146.jpg", imageAlt: "Men's tailored wool blazer"},
|
||||
{
|
||||
id: "product-3",
|
||||
name: "High-Waist Denim Jeans",
|
||||
price: "$95.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fashionable-model-latex-pants-jeans-jacket_613910-14864.jpg",
|
||||
imageAlt: "Designer denim jeans",
|
||||
},
|
||||
id: "product-3", name: "High-Waist Denim Jeans", price: "$95.00", imageSrc: "http://img.b2bpic.net/free-photo/young-fashionable-model-latex-pants-jeans-jacket_613910-14864.jpg", imageAlt: "Designer denim jeans"},
|
||||
{
|
||||
id: "product-4",
|
||||
name: "Classic Leather Handbag",
|
||||
price: "$300.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-with-laptop-beauty-products_23-2148299575.jpg",
|
||||
imageAlt: "Classic leather handbag",
|
||||
},
|
||||
id: "product-4", name: "Classic Leather Handbag", price: "$300.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-with-laptop-beauty-products_23-2148299575.jpg", imageAlt: "Classic leather handbag"},
|
||||
{
|
||||
id: "product-5",
|
||||
name: "Cashmere Knit Sweater",
|
||||
price: "$180.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-positive-european-woman-white-winter-clothes-red-pantyhose-poses-beige-wall-enjoys-spare-time-being-good-mood-people-emotions-facial-expressions_273609-26617.jpg",
|
||||
imageAlt: "Comfortable knit sweater",
|
||||
},
|
||||
id: "product-5", name: "Cashmere Knit Sweater", price: "$180.00", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-positive-european-woman-white-winter-clothes-red-pantyhose-poses-beige-wall-enjoys-spare-time-being-good-mood-people-emotions-facial-expressions_273609-26617.jpg", imageAlt: "Comfortable knit sweater"},
|
||||
{
|
||||
id: "product-6",
|
||||
name: "Chic Ankle Boots",
|
||||
price: "$160.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-walking-outside_23-2148448844.jpg",
|
||||
imageAlt: "Stylish ankle boots",
|
||||
},
|
||||
id: "product-6", name: "Chic Ankle Boots", price: "$160.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-walking-outside_23-2148448844.jpg", imageAlt: "Stylish ankle boots"},
|
||||
]}
|
||||
title="Latest Arrivals"
|
||||
description="Discover the newest additions to our collection. Stay ahead of trends with our fresh and fashionable pieces."
|
||||
@@ -308,25 +186,15 @@ export default function LandingPage() {
|
||||
author="Sophia R."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
alt: "Sophia R.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", alt: "Sophia R."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3668.jpg",
|
||||
alt: "Liam K.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3668.jpg", alt: "Liam K."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gorgeous-girl-with-beautiful-smile-sunrays-reflected-her-happy-face_158595-1335.jpg",
|
||||
alt: "Olivia M.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/gorgeous-girl-with-beautiful-smile-sunrays-reflected-her-happy-face_158595-1335.jpg", alt: "Olivia M."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916346.jpg",
|
||||
alt: "Ethan B.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916346.jpg", alt: "Ethan B."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
|
||||
alt: "Smiling Man Sitting at Cafe Table and Gesturing",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Smiling Man Sitting at Cafe Table and Gesturing"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="opacity"
|
||||
@@ -338,14 +206,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"GQ",
|
||||
"Elle",
|
||||
"Fashionista",
|
||||
"Refinery29",
|
||||
"Who What Wear",
|
||||
]}
|
||||
"Vogue", "Harper's Bazaar", "GQ", "Elle", "Fashionista", "Refinery29", "Who What Wear"]}
|
||||
title="Trusted by Fashion Enthusiasts & Influencers"
|
||||
description="We are proud to be featured and loved by leading fashion publications and style icons around the globe."
|
||||
tag="Featured In"
|
||||
@@ -359,35 +220,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day return policy for all unworn and unwashed items with tags still attached. Please visit our 'Returns' page for detailed instructions.",
|
||||
},
|
||||
id: "faq-1", title: "What is your return policy?", content: "We offer a 30-day return policy for all unworn and unwashed items with tags still attached. Please visit our 'Returns' page for detailed instructions."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship worldwide! Shipping costs and delivery times vary by destination. You can find more details on our 'Shipping Information' page.",
|
||||
},
|
||||
id: "faq-2", title: "Do you offer international shipping?", content: "Yes, we ship worldwide! Shipping costs and delivery times vary by destination. You can find more details on our 'Shipping Information' page."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "How do I determine my size?",
|
||||
content: "Each product page includes a detailed size guide to help you find your perfect fit. We also provide model measurements for reference.",
|
||||
},
|
||||
id: "faq-3", title: "How do I determine my size?", content: "Each product page includes a detailed size guide to help you find your perfect fit. We also provide model measurements for reference."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Are your products ethically sourced?",
|
||||
content: "Absolutely. We are committed to ethical sourcing and sustainable practices. We partner with suppliers who adhere to fair labor standards and environmentally friendly manufacturing processes.",
|
||||
},
|
||||
id: "faq-4", title: "Are your products ethically sourced?", content: "Absolutely. We are committed to ethical sourcing and sustainable practices. We partner with suppliers who adhere to fair labor standards and environmentally friendly manufacturing processes."},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "Can I track my order?",
|
||||
content: "Yes, once your order is shipped, you will receive an email with a tracking number and a link to monitor your package's journey.",
|
||||
},
|
||||
id: "faq-5", title: "Can I track my order?", content: "Yes, once your order is shipped, you will receive an email with a tracking number and a link to monitor your package's journey."},
|
||||
{
|
||||
id: "faq-6",
|
||||
title: "Do you have physical stores?",
|
||||
content: "Currently, Elegance Attire operates exclusively online to provide a seamless shopping experience globally. Follow our social media for pop-up announcements!",
|
||||
},
|
||||
id: "faq-6", title: "Do you have physical stores?", content: "Currently, Elegance Attire operates exclusively online to provide a seamless shopping experience globally. Follow our social media for pop-up announcements!"},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to your most common questions about our products, orders, and services."
|
||||
@@ -406,38 +249,11 @@ export default function LandingPage() {
|
||||
tag="Blog"
|
||||
blogs={[
|
||||
{
|
||||
id: "blog-1",
|
||||
category: "Trends",
|
||||
title: "The Rise of Sustainable Fashion in 2024",
|
||||
excerpt: "Learn how eco-friendly practices are shaping the future of style and how you can participate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-reusable-bags-nature_23-2148523396.jpg",
|
||||
imageAlt: "Sustainable clothing on hanger",
|
||||
authorName: "Ava Chen",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3551.jpg",
|
||||
date: "July 15, 2024",
|
||||
},
|
||||
id: "blog-1", category: "Trends", title: "The Rise of Sustainable Fashion in 2024", excerpt: "Learn how eco-friendly practices are shaping the future of style and how you can participate.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-reusable-bags-nature_23-2148523396.jpg", imageAlt: "Sustainable clothing on hanger", authorName: "Ava Chen", authorAvatar: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3551.jpg", date: "July 15, 2024"},
|
||||
{
|
||||
id: "blog-2",
|
||||
category: "Style Tips",
|
||||
title: "Mastering the Art of Capsule Wardrobe",
|
||||
excerpt: "Maximize your outfits with fewer pieces. Our guide to building a versatile and timeless capsule wardrobe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fabulous-young-woman-wearing-striped-overall-hat-sitting-black-shiny-surface-building_627829-10555.jpg",
|
||||
imageAlt: "Woman selecting clothes for capsule wardrobe",
|
||||
authorName: "Markus Lee",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/man-holding-something-hand_1187-2625.jpg",
|
||||
date: "July 10, 2024",
|
||||
},
|
||||
id: "blog-2", category: "Style Tips", title: "Mastering the Art of Capsule Wardrobe", excerpt: "Maximize your outfits with fewer pieces. Our guide to building a versatile and timeless capsule wardrobe.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fabulous-young-woman-wearing-striped-overall-hat-sitting-black-shiny-surface-building_627829-10555.jpg", imageAlt: "Woman selecting clothes for capsule wardrobe", authorName: "Markus Lee", authorAvatar: "http://img.b2bpic.net/free-photo/man-holding-something-hand_1187-2625.jpg", date: "July 10, 2024"},
|
||||
{
|
||||
id: "blog-3",
|
||||
category: "Inspiration",
|
||||
title: "Summer Essentials: Must-Have Pieces for the Season",
|
||||
excerpt: "Discover lightweight fabrics, vibrant colors, and breezy silhouettes to keep you stylish all summer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-by-university_1303-22993.jpg",
|
||||
imageAlt: "Woman in summer dress",
|
||||
authorName: "Lena Petrova",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiley-woman-holding-autumnal-leaves-outside_23-2148647679.jpg",
|
||||
date: "July 5, 2024",
|
||||
},
|
||||
id: "blog-3", category: "Inspiration", title: "Summer Essentials: Must-Have Pieces for the Season", excerpt: "Discover lightweight fabrics, vibrant colors, and breezy silhouettes to keep you stylish all summer.", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-by-university_1303-22993.jpg", imageAlt: "Woman in summer dress", authorName: "Lena Petrova", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-woman-holding-autumnal-leaves-outside_23-2148647679.jpg", date: "July 5, 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -449,22 +265,14 @@ export default function LandingPage() {
|
||||
description="Have questions or need assistance? Our dedicated support team is here to help. Fill out the form below."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Your Message", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861914.jpg"
|
||||
@@ -482,66 +290,39 @@ export default function LandingPage() {
|
||||
logoText="Elegance Attire"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "Women's",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Women's", href: "#products"},
|
||||
{
|
||||
label: "Men's",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Men's", href: "#products"},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Accessories", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#blog",
|
||||
},
|
||||
label: "Blog", href: "#blog"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -551,4 +332,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user