Merge version_1 into main #2
366
src/app/page.tsx
366
src/app/page.tsx
@@ -19,251 +19,147 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="EVOMAG"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="EVOMAG"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Качество и професионализъм"
|
||||
description="Вашият надежден денонощен магазин за технологии и аксесоари."
|
||||
buttons={[
|
||||
{
|
||||
text: "Научете повече",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-preparing-bag-with-purchase-elderly-client-modern-boutique-fashionable-woman-buying-stylish-casual-wear-store-making-electronic-payment-pos-terminal_482257-71889.jpg?_wi=1",
|
||||
imageAlt: "Retail store interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_52683-100423.jpg?_wi=1",
|
||||
imageAlt: "Friendly staff assistant",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abandoned-house-with-metallic-doors_23-2149454806.jpg",
|
||||
imageAlt: "Modern storefront",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworking-coffee-shop-owner-barista_1098-20960.jpg",
|
||||
imageAlt: "Service counter",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yogurt-drinks-section-supermarket_53876-63415.jpg",
|
||||
imageAlt: "Well stocked shelves",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-decorative-light-bulbs-hanging-cafe_181624-58119.jpg",
|
||||
imageAlt: "Shopping environment",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Качество и професионализъм"
|
||||
description="Вашият надежден денонощен магазин за технологии и аксесоари."
|
||||
buttons={[{ text: "Научете повече", href: "#about" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-preparing-bag-with-purchase-elderly-client-modern-boutique-fashionable-woman-buying-stylish-casual-wear-store-making-electronic-payment-pos-terminal_482257-71889.jpg", imageAlt: "Retail store interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_52683-100423.jpg", imageAlt: "Friendly staff assistant" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abandoned-house-with-metallic-doors_23-2149454806.jpg", imageAlt: "Modern storefront" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coworking-coffee-shop-owner-barista_1098-20960.jpg", imageAlt: "Service counter" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/yogurt-drinks-section-supermarket_53876-63415.jpg", imageAlt: "Well stocked shelves" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/row-decorative-light-bulbs-hanging-cafe_181624-58119.jpg", imageAlt: "Shopping environment" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="За нас"
|
||||
description="EVOMAG е доверен партньор, предлагащ изключително обслужване и качествени продукти. Ние сме тук 24/7, за да ви помогнем с избора на най-добрите решения."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-near-shop_23-2149488667.jpg"
|
||||
imageAlt="retail shop exterior storefront"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="За нас"
|
||||
description="EVOMAG е доверен партньор, предлагащ изключително обслужване и качествени продукти. Ние сме тук 24/7, за да ви помогнем с избора на най-добрите решения."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-near-shop_23-2149488667.jpg"
|
||||
imageAlt="retail shop exterior storefront"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Денонощно обслужване",
|
||||
description: "На разположение по всяко време на денонощието.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
|
||||
imageAlt: "professional male customer portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Професионален екип",
|
||||
description: "Винаги усмихнати и готови да съдействат.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-preparing-bag-with-purchase-elderly-client-modern-boutique-fashionable-woman-buying-stylish-casual-wear-store-making-electronic-payment-pos-terminal_482257-71889.jpg?_wi=2",
|
||||
imageAlt: "professional male customer portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Разумни цени",
|
||||
description: "Отлично качество на достъпни цени.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_52683-100423.jpg?_wi=2",
|
||||
imageAlt: "professional male customer portrait",
|
||||
},
|
||||
]}
|
||||
title="Нашите предимства"
|
||||
description="Защо клиентите избират EVOMAG:"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Нашите предимства"
|
||||
description="Защо клиентите избират EVOMAG:"
|
||||
features={[
|
||||
{ id: "1", title: "Денонощно обслужване", description: "На разположение по всяко време на денонощието.", tag: "24/7", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg", imageAlt: "professional male customer portrait" },
|
||||
{ id: "2", title: "Професионален екип", description: "Винаги усмихнати и готови да съдействат.", tag: "Екип", imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-preparing-bag-with-purchase-elderly-client-modern-boutique-fashionable-woman-buying-stylish-casual-wear-store-making-electronic-payment-pos-terminal_482257-71889.jpg", imageAlt: "professional male customer portrait" },
|
||||
{ id: "3", title: "Разумни цени", description: "Отлично качество на достъпни цени.", tag: "Оферти", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_52683-100423.jpg", imageAlt: "professional male customer portrait" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Клиенти",
|
||||
value: "1000+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Часа работа",
|
||||
value: "24/7",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: ThumbsUp,
|
||||
title: "Отзиви",
|
||||
value: "500+",
|
||||
},
|
||||
]}
|
||||
title="Статистика"
|
||||
description="Доверие, изградено с времето."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "m1", icon: Star, title: "Клиенти", value: "1000+" },
|
||||
{ id: "m2", icon: Clock, title: "Часа работа", value: "24/7" },
|
||||
{ id: "m3", icon: ThumbsUp, title: "Отзиви", value: "500+" },
|
||||
]}
|
||||
title="Статистика"
|
||||
description="Доверие, изградено с времето."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Страхотно обслужване, винаги на ниво!"
|
||||
rating={5}
|
||||
author="MarT0"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mujer-joven-divirtiendose-en-el-centro-comercial_1098-2392.jpg",
|
||||
alt: "happy female customer shopping",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-looking-discounts_1098-2404.jpg",
|
||||
alt: "Young woman looking for discounts",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-girl-posing-shopping-center_23-2148225672.jpg",
|
||||
alt: "Fashion girl posing at shopping center",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Close up portrait of young handsome successful man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg",
|
||||
alt: "Closeup of attractive africanamerican woman smiling and looking happy standing over yellow backgroun",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Страхотно обслужване, винаги на ниво!"
|
||||
rating={5}
|
||||
author="MarT0"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/mujer-joven-divirtiendose-en-el-centro-comercial_1098-2392.jpg", alt: "happy female customer shopping" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-looking-discounts_1098-2404.jpg", alt: "Young woman looking for discounts" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashion-girl-posing-shopping-center_23-2148225672.jpg", alt: "Fashion girl posing at shopping center" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Close up portrait of young handsome successful man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg", alt: "Closeup of attractive africanamerican woman smiling and looking happy standing over yellow backgroun" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Кога работите?",
|
||||
content: "Работим 24 часа, 7 дни в седмицата.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Предлагате ли отстъпки?",
|
||||
content: "Да, често предлагаме промоции и отстъпки на нашите клиенти.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Какви продукти предлагате?",
|
||||
content: "Технологии, аксесоари и IQOS устройства.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/call-center-senior-agent-uses-ai-tech-enhance-customer-interactions_482257-117995.jpg"
|
||||
title="Често задавани въпроси"
|
||||
description="Полезни отговори на вашите въпроси."
|
||||
faqsAnimation="slide-up"
|
||||
imageAlt="customer service support desk"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Кога работите?", content: "Работим 24 часа, 7 дни в седмицата." },
|
||||
{ id: "f2", title: "Предлагате ли отстъпки?", content: "Да, често предлагаме промоции и отстъпки на нашите клиенти." },
|
||||
{ id: "f3", title: "Какви продукти предлагате?", content: "Технологии, аксесоари и IQOS устройства." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/call-center-senior-agent-uses-ai-tech-enhance-customer-interactions_482257-117995.jpg"
|
||||
title="Често задавани въпроси"
|
||||
description="Полезни отговори на вашите въпроси."
|
||||
faqsAnimation="slide-up"
|
||||
imageAlt="customer service support desk"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Контакти"
|
||||
title="Свържете се с нас"
|
||||
description="Имате въпроси? Пишете ни!"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Контакти"
|
||||
title="Свържете се с нас"
|
||||
description="Имате въпроси? Пишете ни!"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Меню",
|
||||
items: [
|
||||
{
|
||||
label: "Начало",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "За нас",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Контакти",
|
||||
items: [
|
||||
{
|
||||
label: "Помощ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 EVOMAG OOD. Всички права запазени."
|
||||
bottomRightText="Дизайн от Webild"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Меню", items: [
|
||||
{ label: "Начало", href: "#hero" },
|
||||
{ label: "За нас", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Контакти", items: [{ label: "Помощ", href: "#faq" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 EVOMAG OOD. Всички права запазени."
|
||||
bottomRightText="Дизайн от Webild"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user