Update src/app/page.tsx
This commit is contained in:
252
src/app/page.tsx
252
src/app/page.tsx
@@ -26,140 +26,140 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Collections", id: "collections" },
|
||||
{ name: "Café", id: "cafe" },
|
||||
{ name: "Visit", id: "location" }
|
||||
]}
|
||||
brandName="LAS CHICAS"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Collections", id: "collections" },
|
||||
{ name: "Café", id: "cafe" },
|
||||
{ name: "Visit", id: "location" }
|
||||
]}
|
||||
brandName="LAS CHICAS"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Where Style, Art & Atmosphere Meet"
|
||||
description="A curated luxury concept store in the heart of Tangier."
|
||||
testimonials={[
|
||||
{ name: "Sofia R.", handle: "@sofiar", testimonial: "Simply magical. A gem in Tangier.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862182.jpg", imageAlt: "luxury boutique interior Tangier Morocco" },
|
||||
{ name: "Amine K.", handle: "@aminek", testimonial: "Excellent selection of decor and clothing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-painter-using-watercolor-paint-mixing-colors-artistic-creation_482257-124848.jpg", imageAlt: "luxury boutique interior Tangier Morocco" },
|
||||
{ name: "Claire L.", handle: "@clairel", testimonial: "Two floors of pure creative inspiration.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-fur-coat_1303-3567.jpg", imageAlt: "luxury boutique interior Tangier Morocco" },
|
||||
{ name: "Yasmine D.", handle: "@yasmined", testimonial: "Elegant environment, friendly staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/different-vases-with-purple-yellow-light-arrangement_23-2149835485.jpg", imageAlt: "luxury boutique interior Tangier Morocco" },
|
||||
{ name: "Omar F.", handle: "@omarf", testimonial: "Original designs and beautiful pieces.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chain-pomegranate_23-2149836418.jpg", imageAlt: "luxury boutique interior Tangier Morocco" }
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#collections" }, { text: "Visit Us", href: "#location" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862182.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/sympathetic-girl-stands-near-bulding_8353-213.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-clothing-boutique-interior_23-2151961902.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861924.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861914.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Where Style, Art & Atmosphere Meet"
|
||||
description="A curated luxury concept store in the heart of Tangier."
|
||||
testimonials={[
|
||||
{ name: "Sofia R.", handle: "@sofiar", testimonial: "Simply magical. A gem in Tangier.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862182.jpg", imageAlt: "luxury boutique interior Tangier Morocco" },
|
||||
{ name: "Amine K.", handle: "@aminek", testimonial: "Excellent selection of decor and clothing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-painter-using-watercolor-paint-mixing-colors-artistic-creation_482257-124848.jpg", imageAlt: "luxury boutique interior Tangier Morocco" },
|
||||
{ name: "Claire L.", handle: "@clairel", testimonial: "Two floors of pure creative inspiration.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-fur-coat_1303-3567.jpg", imageAlt: "luxury boutique interior Tangier Morocco" },
|
||||
{ name: "Yasmine D.", handle: "@yasmined", testimonial: "Elegant environment, friendly staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/different-vases-with-purple-yellow-light-arrangement_23-2149835485.jpg", imageAlt: "luxury boutique interior Tangier Morocco" },
|
||||
{ name: "Omar F.", handle: "@omarf", testimonial: "Original designs and beautiful pieces.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chain-pomegranate_23-2149836418.jpg", imageAlt: "luxury boutique interior Tangier Morocco" }
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#collections" }, { text: "Visit Us", href: "#location" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862182.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/sympathetic-girl-stands-near-bulding_8353-213.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-clothing-boutique-interior_23-2151961902.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861924.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861914.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Vision of Mediterranean Elegance"
|
||||
description={["Created for those who appreciate unique design, LAS CHICAS is a sanctuary of curated fashion, home décor, and artistic expression.", "Spread across two beautifully designed floors, every piece is carefully selected to offer a boutique Parisian feel in the heart of Tangier.", "From original clothing designs to artisanal home objects and a refined café experience, we invite you to discover our warm and exclusive atmosphere."]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Vision of Mediterranean Elegance"
|
||||
description={["Created for those who appreciate unique design, LAS CHICAS is a sanctuary of curated fashion, home décor, and artistic expression.", "Spread across two beautifully designed floors, every piece is carefully selected to offer a boutique Parisian feel in the heart of Tangier.", "From original clothing designs to artisanal home objects and a refined café experience, we invite you to discover our warm and exclusive atmosphere."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="collections" data-section="collections">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Fashion", name: "Original Apparel", price: "Discover", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-fur-coat_1303-3567.jpg", reviewCount: "12" },
|
||||
{ id: "p2", brand: "Décor", name: "Home Objects", price: "Discover", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/different-vases-with-purple-yellow-light-arrangement_23-2149835485.jpg", reviewCount: "8" },
|
||||
{ id: "p3", brand: "Accessories", name: "Vintage Treasures", price: "Discover", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chain-pomegranate_23-2149836418.jpg", reviewCount: "15" },
|
||||
{ id: "p4", brand: "Art", name: "Curated Pieces", price: "Discover", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/still-life-details-interior_169016-6218.jpg", reviewCount: "9" },
|
||||
{ id: "p5", brand: "Leather", name: "Charms & Bags", price: "Discover", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-coat-outside-cafe_1303-19485.jpg", reviewCount: "20" },
|
||||
{ id: "p6", brand: "Merch", name: "Creative Goods", price: "Discover", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7780.jpg", reviewCount: "5" }
|
||||
]}
|
||||
title="Our Collections"
|
||||
description="Explore our curated selection of luxury goods."
|
||||
/>
|
||||
</div>
|
||||
<div id="collections" data-section="collections">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Fashion", name: "Original Apparel", price: "Discover", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-fur-coat_1303-3567.jpg", reviewCount: "12" },
|
||||
{ id: "p2", brand: "Décor", name: "Home Objects", price: "Discover", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/different-vases-with-purple-yellow-light-arrangement_23-2149835485.jpg", reviewCount: "8" },
|
||||
{ id: "p3", brand: "Accessories", name: "Vintage Treasures", price: "Discover", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chain-pomegranate_23-2149836418.jpg", reviewCount: "15" },
|
||||
{ id: "p4", brand: "Art", name: "Curated Pieces", price: "Discover", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/still-life-details-interior_169016-6218.jpg", reviewCount: "9" },
|
||||
{ id: "p5", brand: "Leather", name: "Charms & Bags", price: "Discover", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-coat-outside-cafe_1303-19485.jpg", reviewCount: "20" },
|
||||
{ id: "p6", brand: "Merch", name: "Creative Goods", price: "Discover", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7780.jpg", reviewCount: "5" }
|
||||
]}
|
||||
title="Our Collections"
|
||||
description="Explore our curated selection of luxury goods."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cafe" data-section="cafe">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Gourmet Flavors", description: "Authentic local ingredients with modern culinary twists.", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-red-carpet-floor-tables-chairs_140725-8024.jpg" },
|
||||
{ title: "Cozy Atmosphere", description: "Perfect for relaxing with good music and fine coffee.", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-leather-sofa-paintings-wall_140725-9715.jpg" },
|
||||
{ title: "Beautiful Presentation", description: "Every detail crafted to inspire your senses.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-pillow-sofa_74190-2057.jpg" }
|
||||
]}
|
||||
title="Pause. Sip. Stay."
|
||||
description="Indulge in our stylish café experience with gourmet pastries, unique drinks, and our signature salmon pastilla."
|
||||
/>
|
||||
</div>
|
||||
<div id="cafe" data-section="cafe">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Gourmet Flavors", description: "Authentic local ingredients with modern culinary twists.", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-red-carpet-floor-tables-chairs_140725-8024.jpg" },
|
||||
{ title: "Cozy Atmosphere", description: "Perfect for relaxing with good music and fine coffee.", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-leather-sofa-paintings-wall_140725-9715.jpg" },
|
||||
{ title: "Beautiful Presentation", description: "Every detail crafted to inspire your senses.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-pillow-sofa_74190-2057.jpg" }
|
||||
]}
|
||||
title="Pause. Sip. Stay."
|
||||
description="Indulge in our stylish café experience with gourmet pastries, unique drinks, and our signature salmon pastilla."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="An elegant environment with a great selection of merchandise and home décor."
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/european-woman-with-bright-make-up-elegant-outfit-preparing-birthday-party_291650-580.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-sitting-with-vivid-bags_23-2147652113.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/shopping-day-international-girlfriends-women-mall_1157-46836.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-owners-preparing-their-store_23-2149300867.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="An elegant environment with a great selection of merchandise and home décor."
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/european-woman-with-bright-make-up-elegant-outfit-preparing-birthday-party_291650-580.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-sitting-with-vivid-bags_23-2147652113.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/shopping-day-international-girlfriends-women-mall_1157-46836.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-owners-preparing-their-store_23-2149300867.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardSeven
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "The Store", description: "A tour of our two floors.", imageSrc: "http://img.b2bpic.net/free-photo/old-window_649448-2879.jpg" },
|
||||
{ title: "The Art", description: "Art objects & curiosities.", imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept-with-woman-studying-library_23-2148172392.jpg" },
|
||||
{ title: "The Café", description: "Relaxing culinary space.", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-pretty-elegant-woman-posing-terrace-city-cafe_291049-2397.jpg" },
|
||||
{ title: "The Fashion", description: "Curated original styles.", imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottles-woman-s-dressing-table_53876-94360.jpg" },
|
||||
{ title: "The Decor", description: "Home & interior design.", imageSrc: "http://img.b2bpic.net/free-photo/icon-restoration-workshop_1398-3343.jpg" },
|
||||
{ title: "The Vibe", description: "Atmosphere and music.", imageSrc: "http://img.b2bpic.net/free-photo/serene-meditation-room_23-2151935114.jpg" }
|
||||
]}
|
||||
title="Inside LAS CHICAS"
|
||||
description="A glimpse into our curated world of art, fashion, and leisure."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardSeven
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "The Store", description: "A tour of our two floors.", imageSrc: "http://img.b2bpic.net/free-photo/old-window_649448-2879.jpg" },
|
||||
{ title: "The Art", description: "Art objects & curiosities.", imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept-with-woman-studying-library_23-2148172392.jpg" },
|
||||
{ title: "The Café", description: "Relaxing culinary space.", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-pretty-elegant-woman-posing-terrace-city-cafe_291049-2397.jpg" },
|
||||
{ title: "The Fashion", description: "Curated original styles.", imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottles-woman-s-dressing-table_53876-94360.jpg" },
|
||||
{ title: "The Decor", description: "Home & interior design.", imageSrc: "http://img.b2bpic.net/free-photo/icon-restoration-workshop_1398-3343.jpg" },
|
||||
{ title: "The Vibe", description: "Atmosphere and music.", imageSrc: "http://img.b2bpic.net/free-photo/serene-meditation-room_23-2151935114.jpg" }
|
||||
]}
|
||||
title="Inside LAS CHICAS"
|
||||
description="A glimpse into our curated world of art, fashion, and leisure."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit LAS CHICAS in Tangier"
|
||||
description="Located in the vibrant heart of Tangier. We look forward to welcoming you."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us your plans for your visit", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300872.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="location" data-section="location">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit LAS CHICAS in Tangier"
|
||||
description="Located in the vibrant heart of Tangier. We look forward to welcoming you."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us your plans for your visit", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300872.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="LAS CHICAS"
|
||||
copyrightText="© 2025 LAS CHICAS | Tangier, Morocco"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="LAS CHICAS"
|
||||
copyrightText="© 2025 LAS CHICAS | Tangier, Morocco"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user