347 lines
11 KiB
TypeScript
347 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Shop",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Our Story",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "testimonials",
|
|
},
|
|
]}
|
|
brandName="RetroCurations"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Timeless Treasures, Curated for You."
|
|
description="Discover a unique collection of hand-picked vintage finds. Classic style, revived for the modern enthusiast."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-assortment_23-2148950950.jpg?_wi=1",
|
|
imageAlt: "Vintage Shop",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-assortment_23-2148950950.jpg?_wi=2",
|
|
imageAlt: "Vintage Shop",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-assortment_23-2148950950.jpg?_wi=3",
|
|
imageAlt: "Vintage Shop",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-assortment_23-2148950950.jpg?_wi=4",
|
|
imageAlt: "Vintage Shop",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-assortment_23-2148950950.jpg?_wi=5",
|
|
imageAlt: "Vintage Shop",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-assortment_23-2148950950.jpg?_wi=6",
|
|
imageAlt: "Vintage Shop",
|
|
},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-assortment_23-2148950950.jpg?_wi=7",
|
|
imageAlt: "Vintage Shop",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-assortment_23-2148950950.jpg?_wi=8",
|
|
imageAlt: "Vintage Shop",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-assortment_23-2148950950.jpg?_wi=9",
|
|
imageAlt: "Vintage Shop",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-assortment_23-2148950950.jpg?_wi=10",
|
|
imageAlt: "Vintage Shop",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-assortment_23-2148950950.jpg?_wi=11",
|
|
imageAlt: "Vintage Shop",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-assortment_23-2148950950.jpg?_wi=12",
|
|
imageAlt: "Vintage Shop",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Shop Collection",
|
|
href: "#products",
|
|
},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/lovely-good-looking-blond-woman-red-jacket-posing-city-cafe_273443-3359.jpg",
|
|
alt: "Customer 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-charming-curly-hispanic-girl-cooking-her-kitchen-mixes-ingredients-with-hand-mixer_613910-4889.jpg",
|
|
alt: "Customer 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-10426.jpg",
|
|
alt: "Customer 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-posing-library_23-2148727808.jpg",
|
|
alt: "Customer 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/lovely-good-looking-blond-woman-red-jacket-posing-city-cafe_273443-3359.jpg",
|
|
alt: "Customer 5",
|
|
},
|
|
]}
|
|
avatarText="Trusted by 500+ collectors worldwide"
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Vintage Fashion",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Rare Finds",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Eco-Conscious",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Timeless Style",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Expertly Curated",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
textboxLayout="split"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Vintage Leather Jacket",
|
|
price: "$125",
|
|
variant: "Small",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/legs-boots-attractive-stylish-blonde-woman-jeans-oversize-jacket-posing-against-wall-street_285396-8043.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Classic Canvas Bag",
|
|
price: "$85",
|
|
variant: "Tan",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-camera_23-2150315215.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Retro Gold Sunglasses",
|
|
price: "$45",
|
|
variant: "Gold",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-blonde-woman-beige-coat-sitting-suitcases-against-wall-street_285396-8108.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Antique Watch",
|
|
price: "$210",
|
|
variant: "Steel",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/legs-boots-attractive-stylish-blonde-woman-jeans-oversize-jacket-posing-against-wall-street_285396-8043.jpg?_wi=2",
|
|
},
|
|
]}
|
|
title="Curated Finds"
|
|
description="Browse our latest drop of authentic vintage gems."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text",
|
|
content: "Our story is woven into every piece.",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/person-browsing-through-items-yard-sale-looking-bargains_23-2151216789.jpg",
|
|
alt: "About Shop",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
textboxLayout="split"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Anna S.",
|
|
role: "Collector",
|
|
company: "NYC",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lovely-good-looking-blond-woman-red-jacket-posing-city-cafe_273443-3359.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Mark L.",
|
|
role: "Stylist",
|
|
company: "LA",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-charming-curly-hispanic-girl-cooking-her-kitchen-mixes-ingredients-with-hand-mixer_613910-4889.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Sophie P.",
|
|
role: "Artist",
|
|
company: "Berlin",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-10426.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David W.",
|
|
role: "Fashionista",
|
|
company: "London",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-posing-library_23-2148727808.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Elena R.",
|
|
role: "Curator",
|
|
company: "Rome",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lovely-good-looking-blond-woman-red-jacket-posing-city-cafe_273443-3359.jpg?_wi=2",
|
|
},
|
|
]}
|
|
title="Loved by Vintage Lovers"
|
|
description="See why our customers keep coming back to RetroCurations."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Membership Levels"
|
|
description="Unlock exclusive access to our private archives."
|
|
plans={[
|
|
{
|
|
id: "p1",
|
|
name: "Explorer",
|
|
price: "$0",
|
|
features: [
|
|
"Weekly updates",
|
|
"Basic access",
|
|
"Community forum",
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "Start Free",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Collector",
|
|
price: "$29",
|
|
badge: "Popular",
|
|
features: [
|
|
"Early access drops",
|
|
"Free shipping",
|
|
"10% off purchases",
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "Upgrade",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Heritage",
|
|
price: "$99",
|
|
features: [
|
|
"Personal shopper",
|
|
"Priority access",
|
|
"Authenticity guarantee",
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "Contact Us",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="RetroCurations"
|
|
copyrightText="© 2025 | RetroCurations"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|