Merge version_1 into main #3
@@ -1,150 +1,323 @@
|
||||
"use client";
|
||||
|
||||
import { Suspense } from "react";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import Link from "next/link";
|
||||
import { Instagram, Mail, Phone, Sparkles } from "lucide-react";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
|
||||
import { useProductCatalog } from "@/hooks/useProductCatalog";
|
||||
import { Instagram, Mail, Phone } from 'lucide-react';
|
||||
|
||||
function ShopPageContent() {
|
||||
const {
|
||||
products,
|
||||
isLoading,
|
||||
search,
|
||||
setSearch,
|
||||
filters,
|
||||
} = useProductCatalog({ basePath: "/shop" });
|
||||
|
||||
if (isLoading) {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="La Loupe Vintage"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "shop" },
|
||||
{ name: "Sell With Us", id: "sell" },
|
||||
{ name: "Visit", id: "visit" },
|
||||
{ name: "Gallery", id: "gallery" }
|
||||
]}
|
||||
className="bg-white/80 backdrop-blur-sm border border-accent/20"
|
||||
navItemClassName="text-foreground hover:text-primary-cta transition-colors"
|
||||
buttonClassName="bg-primary-cta text-primary-cta-text hover:bg-primary-cta/90"
|
||||
buttonTextClassName="font-medium"
|
||||
/>
|
||||
</div>
|
||||
<main className="min-h-screen flex items-center justify-center pt-20">
|
||||
<p className="text-foreground">Loading products...</p>
|
||||
</main>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="La Loupe Vintage"
|
||||
copyrightText="© 2025 La Loupe Vintage | Late 60s – 90s Vintage. Buy. Sell. Trade."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://www.instagram.com/laloupevintage/", ariaLabel: "Follow us on Instagram" },
|
||||
{ icon: Mail, href: "mailto:info@laloupevintage.com", ariaLabel: "Email us" },
|
||||
{ icon: Phone, href: "tel:619-578-2944", ariaLabel: "Call us" }
|
||||
]}
|
||||
className="py-12 md:py-16 bg-white/50 backdrop-blur-sm"
|
||||
containerClassName="w-full max-w-2xl mx-auto px-4 md:px-8"
|
||||
cardClassName="rounded-lg bg-white/90 backdrop-blur-sm border border-accent/20 p-8 md:p-10"
|
||||
logoClassName="text-2xl md:text-3xl font-bold text-foreground mb-6"
|
||||
dividerClassName="h-px bg-accent/20 my-6"
|
||||
copyrightTextClassName="text-sm text-foreground/60"
|
||||
socialContainerClassName="flex gap-4"
|
||||
socialIconClassName="text-foreground hover:text-primary-cta transition-colors"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="La Loupe Vintage"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "shop" },
|
||||
{ name: "Sell With Us", id: "sell" },
|
||||
{ name: "Visit", id: "visit" },
|
||||
{ name: "Gallery", id: "gallery" }
|
||||
]}
|
||||
className="bg-white/80 backdrop-blur-sm border border-accent/20"
|
||||
navItemClassName="text-foreground hover:text-primary-cta transition-colors"
|
||||
buttonClassName="bg-primary-cta text-primary-cta-text hover:bg-primary-cta/90"
|
||||
buttonTextClassName="font-medium"
|
||||
/>
|
||||
</div>
|
||||
<div id="productCatalog" data-section="productCatalog">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={products}
|
||||
searchValue={search}
|
||||
onSearchChange={setSearch}
|
||||
searchPlaceholder="Search products..."
|
||||
filters={filters}
|
||||
emptyMessage="No products found"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="La Loupe Vintage"
|
||||
copyrightText="© 2025 La Loupe Vintage | Late 60s – 90s Vintage. Buy. Sell. Trade."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://www.instagram.com/laloupevintage/", ariaLabel: "Follow us on Instagram" },
|
||||
{ icon: Mail, href: "mailto:info@laloupevintage.com", ariaLabel: "Email us" },
|
||||
{ icon: Phone, href: "tel:619-578-2944", ariaLabel: "Call us" }
|
||||
]}
|
||||
className="py-12 md:py-16 bg-white/50 backdrop-blur-sm"
|
||||
containerClassName="w-full max-w-2xl mx-auto px-4 md:px-8"
|
||||
cardClassName="rounded-lg bg-white/90 backdrop-blur-sm border border-accent/20 p-8 md:p-10"
|
||||
logoClassName="text-2xl md:text-3xl font-bold text-foreground mb-6"
|
||||
dividerClassName="h-px bg-accent/20 my-6"
|
||||
copyrightTextClassName="text-sm text-foreground/60"
|
||||
socialContainerClassName="flex gap-4"
|
||||
socialIconClassName="text-foreground hover:text-primary-cta transition-colors"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
export default function ShopPage() {
|
||||
return (
|
||||
<Suspense>
|
||||
<ShopPageContent />
|
||||
</Suspense>
|
||||
);
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="La Loupe Vintage"
|
||||
navItems={[
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Sell With Us", id: "/sell-with-us" },
|
||||
{ name: "Visit", id: "/visit" },
|
||||
{ name: "Gallery", id: "/gallery" }
|
||||
]}
|
||||
button={{
|
||||
text: "Contact", href: "/contact"
|
||||
}}
|
||||
className="bg-white/80 backdrop-blur-sm border border-accent/20"
|
||||
navItemClassName="text-foreground hover:text-primary-cta transition-colors"
|
||||
buttonClassName="bg-primary-cta text-primary-cta-text hover:bg-primary-cta/90"
|
||||
buttonTextClassName="font-medium"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="LA LOUPE VINTAGE"
|
||||
description="Late 60s – 90s Vintage. Buy. Sell. Trade."
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-dress-sexy-carefree-blond-woman-posing-near-blue-wall-studio-model-having-fun-cheerful-happy_158538-22025.jpg", imageAlt: "Vintage dress on model"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/happy-hipster-mixed-girl-with-perfect-whit-teeth-spending-great-time-outdoor_273443-1910.jpg", imageAlt: "Vintage denim collection"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/dummy-inside-shop_23-2147688306.jpg", imageAlt: "La Loupe Vintage storefront"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/image-dressing-room-with-male-clothes_74855-21545.jpg", imageAlt: "Curated vintage clothing racks"
|
||||
}
|
||||
]
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "/shop" },
|
||||
{ text: "Sell With Us", href: "/sell-with-us" }
|
||||
]}
|
||||
autoplayDelay={5000}
|
||||
showDimOverlay={true}
|
||||
className="relative"
|
||||
containerClassName="relative h-screen w-full overflow-hidden"
|
||||
contentContainerClassName="relative z-10 flex flex-col justify-between h-full px-6 md:px-12 py-12 md:py-20"
|
||||
descriptionClassName="text-lg md:text-2xl text-foreground/80 font-light max-w-2xl"
|
||||
logoClassName="text-3xl md:text-6xl lg:text-7xl font-bold text-foreground tracking-tight"
|
||||
buttonContainerClassName="flex flex-col md:flex-row gap-4 md:gap-6"
|
||||
buttonClassName="px-6 md:px-8 py-3 md:py-4 bg-primary-cta text-primary-cta-text hover:bg-primary-cta/90 rounded-full font-medium transition-all"
|
||||
buttonTextClassName="font-semibold"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Curated Wearable" },
|
||||
{
|
||||
type: "image", src: "https://img.b2bpic.net/free-vector/retro-labels-collection_1009-310.jpg", alt: "Vintage badge"
|
||||
},
|
||||
{ type: "text", content: "Vintage from the" },
|
||||
{
|
||||
type: "image", src: "https://img.b2bpic.net/free-vector/labels-collection-vintage-style_23-2147859919.jpg", alt: "Era tag"
|
||||
},
|
||||
{ type: "text", content: "Late 1960s Through 1990s" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Explore Shop", href: "/shop" },
|
||||
{ text: "Visit Us", href: "/visit" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
className="py-12 md:py-20"
|
||||
containerClassName="w-full max-w-4xl mx-auto px-4 md:px-8"
|
||||
headingClassName="text-4xl md:text-5xl lg:text-6xl font-bold text-foreground leading-tight mb-8"
|
||||
imageWrapperClassName="inline-flex items-center justify-center mx-2"
|
||||
imageClassName="h-12 md:h-16 w-12 md:w-16 object-contain"
|
||||
buttonContainerClassName="flex flex-col md:flex-row gap-4 mt-10"
|
||||
buttonClassName="px-6 md:px-8 py-3 md:py-4 bg-primary-cta text-primary-cta-text hover:bg-primary-cta/90 rounded-full font-medium"
|
||||
buttonTextClassName="font-semibold"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="featured-products" data-section="featured-products">
|
||||
<FeatureCardOne
|
||||
title="New Arrivals"
|
||||
description="Freshly sourced vintage pieces curated for the discerning collector"
|
||||
tag="This Week"
|
||||
tagIcon={Sparkles}
|
||||
features={[
|
||||
{
|
||||
title: "Deadstock Denim", description: "Unworn 1980s vintage denim in original condition with perfect fades waiting to develop", imageSrc: "https://img.b2bpic.net/free-photo/clothes-clothing-store_23-2148164876.jpg", imageAlt: "Deadstock vintage denim pieces", button: { text: "View Denim", href: "/shop" }
|
||||
},
|
||||
{
|
||||
title: "70s Dress Finds", description: "Pristine printed and solid vintage dresses from the golden age of casual elegance", imageSrc: "https://img.b2bpic.net/free-photo/front-view-woman-posing-with-old-phone_23-2150908615.jpg", imageAlt: "Authentic 1970s vintage dresses", button: { text: "Browse Dresses", href: "/shop" }
|
||||
},
|
||||
{
|
||||
title: "Statement Outerwear", description: "Vintage jackets, blazers, and coats with bold patterns and impeccable tailoring", imageSrc: "https://img.b2bpic.net/free-photo/curly-blonde-charming-woman-stylish-brown-pants-white-blouse-checkered-coat-running-city-center_197531-23196.jpg", imageAlt: "Vintage statement outerwear collection", button: { text: "See Outerwear", href: "/shop" }
|
||||
},
|
||||
{
|
||||
title: "Tops & Knits", description: "Rare vintage blouses, sweaters, and tees spanning from mod 60s to grunge 90s aesthetics", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-happy-girl-with-twigs-her-pockets_23-2148350162.jpg", imageAlt: "Vintage tops and knit collection", button: { text: "Shop Tops", href: "/shop" }
|
||||
}
|
||||
]
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
className="py-16 md:py-24"
|
||||
containerClassName="w-full max-w-6xl mx-auto px-4 md:px-8"
|
||||
cardClassName="rounded-lg overflow-hidden bg-white/90 backdrop-blur-sm hover:shadow-lg transition-all"
|
||||
mediaClassName="w-full h-64 md:h-80 object-cover"
|
||||
cardTitleClassName="text-2xl md:text-3xl font-bold text-foreground mt-4 px-4"
|
||||
cardDescriptionClassName="text-base text-foreground/70 mt-2 px-4 pb-4"
|
||||
cardButtonClassName="mx-4 mb-4 px-4 py-2 bg-primary-cta text-primary-cta-text rounded-full hover:bg-primary-cta/90 transition-colors"
|
||||
cardButtonTextClassName="font-medium text-sm"
|
||||
textBoxTitleClassName="text-4xl md:text-5xl font-bold text-foreground mb-4"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70 mb-8"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="shop-features" data-section="shop-features">
|
||||
<FeatureCardMedia
|
||||
title="Shop Categories"
|
||||
description="Explore our carefully curated vintage collection by era and style"
|
||||
tag="Categories"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Vintage Clothing", description: "Wearable pieces spanning six decades of fashion history", tag: "Main", imageSrc: "https://img.b2bpic.net/free-photo/attractive-stylish-blonde-woman-jeans-oversize-jacket-walking-against-wall-street_285396-8014.jpg", imageAlt: "Vintage clothing collection", buttons: [{ text: "Browse", href: "/shop" }]
|
||||
},
|
||||
{
|
||||
id: "2", title: "Denim", description: "Rare vintage denim from Levi's, Lee, and other heritage brands", tag: "Premium", imageSrc: "https://img.b2bpic.net/free-photo/details-blue-jeans-fabric_150588-19.jpg", imageAlt: "Vintage denim collection", buttons: [{ text: "Shop Denim", href: "/shop" }]
|
||||
},
|
||||
{
|
||||
id: "3", title: "Accessories", description: "Vintage belts, scarves, bags, and jewelry to complete your look", tag: "Accents", imageSrc: "https://img.b2bpic.net/free-photo/top-view-woman-posing-with-old-phone_23-2150908636.jpg", imageAlt: "Vintage accessories and jewelry", buttons: [{ text: "View Accessories", href: "/shop" }]
|
||||
},
|
||||
{
|
||||
id: "4", title: "Greeting Cards", description: "Vintage-inspired greeting cards from our partner artists", tag: "Special", imageSrc: "https://img.b2bpic.net/free-vector/coloured-love-card-design_23-2147547054.jpg", imageAlt: "Vintage-inspired greeting cards", buttons: [{ text: "Browse Cards", href: "/shop" }]
|
||||
}
|
||||
]
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
className="py-16 md:py-24"
|
||||
containerClassName="w-full max-w-6xl mx-auto px-4 md:px-8"
|
||||
itemClassName="rounded-lg overflow-hidden bg-white hover:shadow-lg transition-all"
|
||||
mediaClassName="w-full h-72 object-cover"
|
||||
tagClassName="absolute top-4 right-4 bg-primary-cta text-primary-cta-text px-3 py-1 rounded-full text-sm font-semibold"
|
||||
cardTitleClassName="text-2xl font-bold text-foreground mt-4 px-4"
|
||||
cardDescriptionClassName="text-base text-foreground/70 mt-2 px-4 pb-4"
|
||||
textBoxTitleClassName="text-4xl md:text-5xl font-bold text-foreground mb-4"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70 mb-8"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="mobile-shop" data-section="mobile-shop">
|
||||
<FeatureCardNine
|
||||
title="Shop Vintage With Ease"
|
||||
description="Browse, discover, and purchase from our mobile-optimized vintage shop"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Easy Discovery", description: "Explore vintage by era, style, size, and condition. Filter for deadstock, new with tags, gently worn, or loved pieces", phoneOne: {
|
||||
imageSrc: "https://img.b2bpic.net/free-vector/gradient-e-commerce-app-template_23-2149579024.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148652547.jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Instant Details", description: "High-resolution photos, detailed sizing info, era tags, and condition notes help you find your perfect fit", phoneOne: {
|
||||
imageSrc: "https://img.b2bpic.net/free-vector/furniture-shopping-app_23-2148671279.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://img.b2bpic.net/free-vector/furniture-shopping-app_23-2148671279.jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Seamless Checkout", description: "Secure checkout with multiple payment options. Track your order and connect with us about your purchase", phoneOne: {
|
||||
imageSrc: "https://img.b2bpic.net/free-vector/purchase-online-onboarding-app-screens_23-2148391294.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/retail-employee-scanning-smartphone-with-black-friday-discount-coupon-while-serving-customer-cash-register-desk-close-up-clothing-store-marketing-promotion-seasonal-sales_482257-64290.jpg"
|
||||
}
|
||||
}
|
||||
]
|
||||
showStepNumbers={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
className="py-16 md:py-24"
|
||||
containerClassName="w-full max-w-6xl mx-auto px-4 md:px-8"
|
||||
featureTitleClassName="text-3xl md:text-4xl font-bold text-foreground mb-4"
|
||||
featureDescriptionClassName="text-lg text-foreground/70"
|
||||
stepNumberClassName="inline-flex items-center justify-center w-10 h-10 rounded-full bg-primary-cta text-primary-cta-text font-bold mr-4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="Loved by Vintage Collectors"
|
||||
description="Hear from customers who found their perfect vintage pieces with us"
|
||||
tag="Customer Stories"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Maya Chen, Fashion Stylist", date: "Date: 15 March 2025", title: "The most authentic vintage experience in San Diego", quote: "La Loupe Vintage has become my go-to source for client lookbooks and personal pieces. The curation is impeccable, the condition notes are honest, and I always find exactly what I'm looking for. Shopping here feels like treasure hunting with a trusted friend.", tag: "Stylist", avatarSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Jordan Martinez, Vintage Reseller", date: "Date: 8 February 2025", title: "Fair pricing and genuine inventory", quote: "I've sold multiple pieces through La Loupe and the process is seamless. The team knows vintage inside and out, they price fairly, and they actually care about the pieces finding good homes. Highly recommend both as a buyer and seller.", tag: "Seller", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Sophie Rodriguez, Thrift Enthusiast", date: "Date: 22 January 2025", title: "Quality and passion combined", quote: "Every time I visit or shop online, I'm amazed by the quality and variety. These aren't your average thrift finds—these are carefully selected, well-preserved vintage pieces. The team's passion for vintage fashion is genuinely infectious.", tag: "Regular Customer", avatarSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Alex Kim, Vintage Collector", date: "Date: 5 January 2025", title: "Supporting local vintage with soul", quote: "La Loupe Vintage embodies everything I love about independent retail. They buy, sell, and trade with integrity. The shop feels like a gallery, and every piece tells a story. This is vintage done right.", tag: "Collector", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-caucasian-man-black-t-shirt-smiles-isolated-grey-wall_132075-8163.jpg"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Emma Wilson, Fashion Designer", date: "Date: 18 December 2024", title: "Inspiration in every corner", quote: "I source inspiration and occasional pieces from La Loupe for my design work. The diversity of eras and styles represented here is incredible. It's a creative playground for anyone passionate about fashion history.", tag: "Designer", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Tyler Anderson, Vintage Enthusiast", date: "Date: 2 December 2024", title: "A vintage dream come true", quote: "Finding La Loupe was a game-changer for my vintage wardrobe. The condition grades are accurate, the pieces are authentic, and the customer service is warm and knowledgeable. I've become a regular and I'm never leaving.", tag: "Regular", avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-bearded-man-white-shirt-jacket-posing-camera-with-broad-smile-isolated-gray_171337-629.jpg"
|
||||
}
|
||||
]
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
className="py-16 md:py-24"
|
||||
containerClassName="w-full mx-auto px-4 md:px-8"
|
||||
cardClassName="rounded-lg overflow-hidden bg-white/90 backdrop-blur-sm p-6 md:p-10"
|
||||
cardTitleClassName="text-2xl md:text-3xl font-bold text-foreground line-clamp-3 mb-4"
|
||||
cardQuoteClassName="text-base md:text-lg text-foreground/80 line-clamp-10 mb-6 italic"
|
||||
cardTagClassName="inline-block bg-primary-cta/10 text-primary-cta px-3 py-1 rounded-full text-sm font-semibold mb-4"
|
||||
textBoxTitleClassName="text-4xl md:text-5xl font-bold text-foreground mb-4"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70 mb-8"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Get In Touch"
|
||||
description="Have questions about our vintage pieces? Want to sell with us? We'd love to hear from you. Reach out and let's talk vintage."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
className: "w-full px-4 py-3 border border-accent/30 rounded-lg focus:outline-none focus:border-primary-cta"
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
className: "w-full px-4 py-3 border border-accent/30 rounded-lg focus:outline-none focus:border-primary-cta"
|
||||
}
|
||||
]
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us what you're interested in... Selling? Questions? Just saying hi?", rows: 5,
|
||||
required: true,
|
||||
className: "w-full px-4 py-3 border border-accent/30 rounded-lg focus:outline-none focus:border-primary-cta resize-none"
|
||||
}}
|
||||
useInvertedBackground={true}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/image-dressing-room-with-male-clothes_74855-21545.jpg"
|
||||
imageAlt="La Loupe Vintage storefront and interior"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
className="py-16 md:py-24"
|
||||
containerClassName="w-full max-w-6xl mx-auto px-4 md:px-8"
|
||||
formCardClassName="rounded-lg bg-white/90 backdrop-blur-sm p-8 md:p-10"
|
||||
titleClassName="text-3xl md:text-4xl font-bold text-foreground mb-4"
|
||||
descriptionClassName="text-base text-foreground/70 mb-8 leading-relaxed"
|
||||
buttonClassName="w-full px-6 py-3 bg-primary-cta text-primary-cta-text rounded-lg hover:bg-primary-cta/90 transition-colors font-semibold"
|
||||
buttonTextClassName="font-semibold"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterCard
|
||||
logoText="La Loupe Vintage"
|
||||
copyrightText="© 2025 La Loupe Vintage | Late 60s – 90s Vintage. Buy. Sell. Trade."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://www.instagram.com/laloupevintage/", ariaLabel: "Follow us on Instagram" },
|
||||
{ icon: Mail, href: "mailto:info@laloupevintage.com", ariaLabel: "Email us" },
|
||||
{ icon: Phone, href: "tel:619-578-2944", ariaLabel: "Call us" }
|
||||
]}
|
||||
className="py-12 md:py-16 bg-white/50 backdrop-blur-sm"
|
||||
containerClassName="w-full max-w-2xl mx-auto px-4 md:px-8"
|
||||
cardClassName="rounded-lg bg-white/90 backdrop-blur-sm border border-accent/20 p-8 md:p-10"
|
||||
logoClassName="text-2xl md:text-3xl font-bold text-foreground mb-6"
|
||||
dividerClassName="h-px bg-accent/20 my-6"
|
||||
copyrightTextClassName="text-sm text-foreground/60"
|
||||
socialContainerClassName="flex gap-4"
|
||||
socialIconClassName="text-foreground hover:text-primary-cta transition-colors"
|
||||
/>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user