320 lines
18 KiB
TypeScript
320 lines
18 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
import { Award, CheckCircle, Crown, Diamond, Gem, Laugh, Lightbulb, MessageCircle, Shirt, Watch } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="compact"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="blurBottom"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "home"},
|
||
{
|
||
name: "About", id: "about"},
|
||
{
|
||
name: "Collection", id: "collection"},
|
||
{
|
||
name: "Products", id: "products"},
|
||
{
|
||
name: "Reviews", id: "testimonials"},
|
||
{
|
||
name: "FAQ", id: "faq"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7ktbrh"
|
||
logoAlt="S Cherdakov logo"
|
||
brandName="С чердаков"
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroBillboardGallery
|
||
background={{
|
||
variant: "plain"}}
|
||
title="С чердаков: Discover Moscow's Hidden Gems"
|
||
description="Uncover unique second-hand treasures, from vintage fashion to charming home decor, at our curated shop on Mira Avenue."
|
||
buttons={[
|
||
{
|
||
text: "Explore Our Collection", href: "#products"},
|
||
{
|
||
text: "Visit Us", href: "#contact"},
|
||
]}
|
||
buttonAnimation="blur-reveal"
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-girls-shopping-with-stylish-hairstyle-holding-clothes-discussing-store-with-each-other-two-emotionaly-women-choosing-one-pink-sweater-sale-angry-pull-it-side_132075-12233.jpg", imageAlt: "Vintage clothes rack in a cozy second-hand shop"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-objects-still-life_23-2150348557.jpg", imageAlt: "Unique home decor items in a vintage shop"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525702.jpg", imageAlt: "Smiling customer trying on a vintage hat"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/nobody-setting-terrace-bar-outside_1203-4630.jpg", imageAlt: "Rustic cafe interior with coffee and books"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892904.jpg", imageAlt: "Exterior of the S Cherdakov shop, an old building"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/collection-colourful-easter-eggs-napkin_23-2148068526.jpg", imageAlt: "Colorful vintage scarves and jewelry display"},
|
||
]}
|
||
mediaAnimation="opacity"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TestimonialAboutCard
|
||
useInvertedBackground={true}
|
||
tag="Our Story"
|
||
title="More Than Just a Second-Hand Shop"
|
||
description="At С чердаков, we believe in the beauty of pre-loved items and the stories they carry. Located at Mira Avenue, 122, Moscow, we meticulously hand-pick every item to ensure quality and uniqueness."
|
||
subdescription="Our mission is to offer a sustainable way to refresh your wardrobe and home, providing a treasure hunt experience for everyone who walks through our doors or browses our online collection."
|
||
icon={Diamond}
|
||
imageSrc="http://img.b2bpic.net/free-photo/astonished-female-standing-fittig-room-department-store-looking-with-great-surprisment-smart-phone-receiving-message-that-she-should-pay-credit_273609-161.jpg"
|
||
imageAlt="Person holding a vintage item, close up of hands"
|
||
mediaAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="collection" data-section="collection">
|
||
<FeatureCardTen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Diverse Fashion Finds", description: "Explore an ever-changing collection of vintage and modern clothing, accessories, and footwear for all styles and seasons.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-garments-hanging-coathangers-boutique-store-generated-by-ai_188544-19854.jpg", imageAlt: "Diverse selection of vintage clothes"},
|
||
items: [
|
||
{
|
||
icon: Shirt,
|
||
text: "Unique apparel"},
|
||
{
|
||
icon: Crown,
|
||
text: "Designer pieces"},
|
||
{
|
||
icon: Watch,
|
||
text: "Stylish accessories"},
|
||
],
|
||
reverse: false
|
||
},
|
||
{
|
||
title: "Quality You Can Trust", description: "Every item is carefully inspected and selected to ensure it meets our high standards of quality and condition.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-creating-vision-board_23-2150061805.jpg", imageAlt: "Woman inspecting quality of vintage fabric"},
|
||
items: [
|
||
{
|
||
icon: CheckCircle,
|
||
text: "Thorough inspection"},
|
||
{
|
||
icon: Award,
|
||
text: "Premium condition"},
|
||
{
|
||
icon: Gem,
|
||
text: "Hidden gems"},
|
||
],
|
||
reverse: true
|
||
},
|
||
{
|
||
title: "Friendly & Knowledgeable Staff", description: "Our team is always ready to assist you in finding exactly what you're looking for, or simply chat about vintage finds.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-buying-product_23-2149081076.jpg", imageAlt: "Friendly shop assistant helping customer"},
|
||
items: [
|
||
{
|
||
icon: MessageCircle,
|
||
text: "Personalized service"},
|
||
{
|
||
icon: Lightbulb,
|
||
text: "Expert advice"},
|
||
{
|
||
icon: Laugh,
|
||
text: "Warm atmosphere"},
|
||
],
|
||
reverse: false
|
||
}
|
||
]}
|
||
title="Discover Our Curated Collection"
|
||
description="We pride ourselves on offering a diverse and high-quality selection of items, ensuring every visit is a new adventure."
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
carouselMode="buttons"
|
||
products={[
|
||
{
|
||
id: "product-1", name: "Vintage Leather Jacket", price: "5 000 ₽", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-k-pop-clothing-urban-scene_23-2149096946.jpg", imageAlt: "Vintage brown leather jacket", rating: 5,
|
||
},
|
||
{
|
||
id: "product-2", name: "Antique Porcelain Tea Set", price: "7 500 ₽", imageSrc: "http://img.b2bpic.net/free-photo/composition-antiques-market-objects_23-2148950931.jpg", imageAlt: "Antique porcelain tea set", rating: 5,
|
||
},
|
||
{
|
||
id: "product-3", name: "Retro Analog Camera", price: "3 200 ₽", imageSrc: "http://img.b2bpic.net/free-photo/vintage-objects-arrangement-still-life_23-2150348586.jpg", imageAlt: "Retro analog camera", rating: 5,
|
||
},
|
||
{
|
||
id: "product-4", name: "Bohemian Maxi Dress", price: "2 800 ₽", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-spending-time-summer-field_1157-36099.jpg", imageAlt: "Colorful patterned vintage dress", rating: 4,
|
||
},
|
||
{
|
||
id: "product-5", name: "Mid-Century Armchair", price: "12 000 ₽", imageSrc: "http://img.b2bpic.net/free-photo/decoration-brown-old-luxury-interior_1203-4680.jpg", imageAlt: "Classic wooden armchair", rating: 5,
|
||
},
|
||
{
|
||
id: "product-6", name: "Classic Novels Collection", price: "1 500 ₽", imageSrc: "http://img.b2bpic.net/free-photo/top-view-six-books_23-2147690488.jpg", imageAlt: "Stack of old classic novels", rating: 4,
|
||
}
|
||
]}
|
||
title="Our Latest Finds & Featured Products"
|
||
description="Dive into our ever-evolving selection of pre-loved items. New treasures arrive daily!"
|
||
/>
|
||
</div>
|
||
|
||
<div id="socialProof" data-section="socialProof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Moscow Vintage Fairs", "EcoStyle Moscow", "Local Artisan Network", "Fashion Recycled", "Sustainable Living Hub", "City Art Collective", "Mira Avenue Businesses"]}
|
||
title="Part of the Moscow Community"
|
||
description="We are proud to be supported by local partners and cherished by our growing community of vintage lovers."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
carouselMode="buttons"
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Anna Petrova", handle: "@anna_vintage", testimonial: "Absolutely love 'С чердаков'! Always find the most unique pieces, and the quality is incredible for second-hand. It's my go-to for sustainable fashion in Moscow.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-girls-with-shopping-bag_23-2148656032.jpg"},
|
||
{
|
||
id: "2", name: "Dmitry Volkov", handle: "@dmitry_reader", testimonial: "A true gem on Mira Avenue. I’ve found so many rare books and quirky decor items for my apartment. The atmosphere is so inviting, and the staff are wonderful.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-yellow-shirt_23-2149726878.jpg"},
|
||
{
|
||
id: "3", name: "Elena & Ivan", handle: "@couple_finds", testimonial: "We furnished our entire living room with finds from 'С чердаков'. Every piece has character, and the prices are unbeatable. Highly recommend for unique home goods!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/time-make-right-decision_329181-8015.jpg"},
|
||
{
|
||
id: "4", name: "Sofya Morozova", handle: "@sofya_style", testimonial: "'С чердаков' has helped me define my personal style with incredible vintage clothing. It's an inspiring place to shop consciously and find fashion that truly stands out.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-cute-brunette-woman-model-casual-summer-clothes-with-no-makeup-isolated-gray-wall-with-handback_158538-14729.jpg"},
|
||
{
|
||
id: "5", name: "Maxim Kuznetsov", handle: "@maxim_explorer", testimonial: "The staff here are incredibly passionate about vintage. They helped me find a rare collectible I've been searching for years. A fantastic experience all around!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-vintage-portrait-man-doing-housework-household-chores_23-2151448340.jpg"},
|
||
{
|
||
id: "6", name: "Olga Nikolaeva", handle: "@olga_cafe", testimonial: "Beyond the amazing finds, their little cafe corner is perfect for a peaceful break. Great coffee and a lovely ambiance. A perfect spot to spend an afternoon.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-coffee-shop_53876-13964.jpg"}
|
||
]}
|
||
showRating={true}
|
||
title="What Our Customers Say"
|
||
description="Hear from the happy treasure hunters who have discovered unique finds and cherished experiences at 'С чердаков'."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "faq-1", title: "What kind of items can I find at С чердаков?", content: "We offer a wide range of curated second-hand items including vintage and modern clothing, accessories, unique home decor, antique furniture, books, and collectibles. Our inventory is constantly changing!"},
|
||
{
|
||
id: "faq-2", title: "Do you accept items for consignment or donation?", content: "Yes, we do! Please visit our store or contact us directly to inquire about our consignment policies and what kind of items we are currently accepting. We appreciate your contributions to sustainable fashion and living."},
|
||
{
|
||
id: "faq-3", title: "What are your operating hours?", content: "We are open Monday to Saturday from 11:00 AM to 8:00 PM, and Sunday from 12:00 PM to 7:00 PM. Please check our Contact section or Google Maps for any holiday hour changes."},
|
||
{
|
||
id: "faq-4", title: "Where are you located?", content: "Our shop is conveniently located at Mira Avenue, 122, Moscow, near Alekseyevskaya metro station. You can find directions on Yandex Maps or in our Contact section below."},
|
||
{
|
||
id: "faq-5", title: "Do you have an online store?", content: "Currently, our primary focus is on providing a unique in-store experience. However, we sometimes feature special items on our social media channels. Follow us to stay updated!"},
|
||
{
|
||
id: "faq-6", title: "What is your return policy?", content: "Due to the unique nature of second-hand items, all sales are final. We encourage customers to inspect items carefully before purchasing. Our staff are happy to assist with any questions."}
|
||
]}
|
||
title="Frequently Asked Questions"
|
||
description="Find quick answers to common questions about shopping, selling, and visiting 'С чердаков'."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="Посетите нас"
|
||
title="Найдите свое следующее сокровище"
|
||
description="Приезжайте в «С чердаков» по адресу проспект Мира, 122, Москва. Откройте для себя уникальные находки, насладитесь нашей уютной атмосферой и станьте частью нашего сообщества любителей винтажа."
|
||
buttons={[
|
||
{
|
||
text: "Проложить маршрут", href: "https://yandex.ru/maps/213/moscow/?mode=poi&poi%5Bpoint%5D=37.638887%2C55.812509&poi%5Buri%5D=ymapsbm1%3A%2F%2Forg%3Foid%3D228147254436"},
|
||
{
|
||
text: "Позвоните нам: +7 (XXX) XXX-XX-XX", href: "tel:+79998887766"},
|
||
]}
|
||
buttonAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7ktbrh"
|
||
logoAlt="S Cherdakov logo"
|
||
columns={[
|
||
{
|
||
items: [
|
||
{
|
||
label: "О нас", href: "#about"},
|
||
{
|
||
label: "Наша коллекция", href: "#collection"},
|
||
{
|
||
label: "Товары", href: "#products"},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Отзывы клиентов", href: "#testimonials"},
|
||
{
|
||
label: "Часто задаваемые вопросы", href: "#faq"},
|
||
{
|
||
label: "Связаться с нами", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Политика конфиденциальности", href: "#"},
|
||
{
|
||
label: "Условия использования", href: "#"},
|
||
{
|
||
label: "Карта сайта", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
logoText="С чердаков"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |