Merge version_2 into main #2
245
src/app/page.tsx
245
src/app/page.tsx
@@ -2,14 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,29 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Начало",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Начало", id: "hero"},
|
||||
{
|
||||
name: "За мен",
|
||||
id: "about",
|
||||
},
|
||||
name: "За мен", id: "about"},
|
||||
{
|
||||
name: "Услуги",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Услуги", id: "pricing"},
|
||||
{
|
||||
name: "Отзиви",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Отзиви", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Свържи се",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Свържи се", id: "contact"},
|
||||
]}
|
||||
brandName="Pavlov Photography"
|
||||
/>
|
||||
@@ -61,46 +50,23 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Теодор Павлов · Фотограф в София"
|
||||
description="Снимки, които продават. Имоти, автомобили и продукти — заснети с внимание към детайла и предадени до 48 часа."
|
||||
tag="Снимки, които продават"
|
||||
buttons={[
|
||||
{
|
||||
text: "Виж пакетите",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Виж пакетите", href: "#pricing"},
|
||||
{
|
||||
text: "Свържи се",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Свържи се", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407633.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-sitting-hood-working-remotely_23-2148155097.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stacked-cookies-yellow-background_23-2147938113.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-architectural-city-buildings_23-2149554116.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-car-parked-grass_158595-1890.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727960.jpg",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407633.jpg?_wi=1" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-sitting-hood-working-remotely_23-2148155097.jpg?_wi=1" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/stacked-cookies-yellow-background_23-2147938113.jpg?_wi=1" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/green-architectural-city-buildings_23-2149554116.jpg" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/retro-car-parked-grass_158595-1890.jpg" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727960.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,18 +77,9 @@ export default function LandingPage() {
|
||||
title="Работя с внимание към детайла"
|
||||
description="Казвам се Теодор Павлов — снимам имоти, коли и продукти в София и региона. Подхождам индивидуално към всяка поръчка — целта ми е снимките да работят за теб и да помагат на клиентите ти да вземат решение."
|
||||
metrics={[
|
||||
{
|
||||
value: "48ч",
|
||||
title: "Предаване",
|
||||
},
|
||||
{
|
||||
value: "3+",
|
||||
title: "Категории",
|
||||
},
|
||||
{
|
||||
value: "€20",
|
||||
title: "От цена",
|
||||
},
|
||||
{ value: "48ч", title: "Предаване" },
|
||||
{ value: "3+", title: "Категории" },
|
||||
{ value: "€20", title: "От цена" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-cheerful-photographer-studio_158595-501.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -137,62 +94,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Пакет Базов",
|
||||
price: "€30",
|
||||
period: "за малки имоти",
|
||||
features: [
|
||||
"До 10 обработени снимки",
|
||||
"Предаване до 48 часа",
|
||||
"Стандартна обработка",
|
||||
"Google Drive / WeTransfer",
|
||||
],
|
||||
button: {
|
||||
text: "Избери",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407633.jpg?_wi=2",
|
||||
imageAlt: "professional interior photography apartment",
|
||||
},
|
||||
id: "basic", title: "Пакет Базов", price: "€30", period: "за малки имоти", features: ["До 10 обработени снимки", "Предаване до 48 часа", "Стандартна обработка"],
|
||||
button: { text: "Избери", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407633.jpg?_wi=2"},
|
||||
{
|
||||
id: "standard",
|
||||
title: "Пакет Стандарт",
|
||||
price: "€60",
|
||||
period: "за коли и продукти",
|
||||
features: [
|
||||
"До 20 обработени снимки",
|
||||
"Предаване до 24 часа",
|
||||
"Стандартна обработка",
|
||||
"Google Drive / WeTransfer",
|
||||
],
|
||||
button: {
|
||||
text: "Избери",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-sitting-hood-working-remotely_23-2148155097.jpg?_wi=2",
|
||||
imageAlt: "automotive photography exterior street",
|
||||
},
|
||||
id: "standard", title: "Пакет Стандарт", price: "€60", period: "за коли и продукти", features: ["До 20 обработени снимки", "Предаване до 24 часа", "Стандартна обработка"],
|
||||
button: { text: "Избери", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-sitting-hood-working-remotely_23-2148155097.jpg?_wi=2"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Пакет Професионален",
|
||||
price: "€100",
|
||||
period: "цялостен подход",
|
||||
features: [
|
||||
"До 40 обработени снимки",
|
||||
"Предаване до 24 часа",
|
||||
"Стандартна обработка",
|
||||
"Google Drive / WeTransfer",
|
||||
],
|
||||
button: {
|
||||
text: "Избери",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stacked-cookies-yellow-background_23-2147938113.jpg?_wi=2",
|
||||
imageAlt: "product photography studio lighting",
|
||||
},
|
||||
id: "pro", title: "Пакет Професионален", price: "€100", period: "цялостен подход", features: ["До 40 обработени снимки", "Предаване до 24 часа", "Стандартна обработка"],
|
||||
button: { text: "Избери", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stacked-cookies-yellow-background_23-2147938113.jpg?_wi=2"},
|
||||
]}
|
||||
title="Избери своя пакет"
|
||||
description="Ясни цени без скрити такси. Стандартна обработка (светлина, цветове, изправяне) е включена."
|
||||
description="Ясни цени без скрити такси. Стандартна обработка включена."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -202,30 +117,9 @@ export default function LandingPage() {
|
||||
testimonial="Много коректен и точен. Снимките дойдоха навреме, обработени чисто. Имотът се продаде за седмица след публикацията."
|
||||
rating={5}
|
||||
author="Мария П. — Клиент, имот"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg",
|
||||
alt: "Мария П.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-buyer-liking-new-vehicle-interior-vehicle-dealership_342744-733.jpg",
|
||||
alt: "Георги И.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-holding-book_23-2148396358.jpg",
|
||||
alt: "Клиент Продукти",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-posing-smiling-desk_23-2148372216.jpg",
|
||||
alt: "Клиент Имоти",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg",
|
||||
alt: "Допълнителен клиент",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg", alt: "Мария П." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -234,74 +128,51 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Как да запазя час?",
|
||||
content: "Свържи се с мен по телефон или чрез формата за контакт. Уточняваме дата, час и вид на заснемането — и сме готови.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Кога получавам снимките?",
|
||||
content: "Снимките се предават до 24–48 часа след заснемането в дигитален формат чрез Google Drive или WeTransfer.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Включена ли е обработката?",
|
||||
content: "Да — стандартна обработка (светлина, цветове, изправяне) е включена във всички пакети.",
|
||||
},
|
||||
{ id: "1", title: "Как да запазя час?", content: "Свържи се с мен по телефон или чрез формата за контакт." },
|
||||
{ id: "2", title: "Кога получавам снимките?", content: "Снимките се предават до 24–48 часа." },
|
||||
]}
|
||||
title="Често задавани въпроси"
|
||||
description="Всичко, което трябва да знаете преди да запазите час."
|
||||
description="Всичко, което трябва да знаете."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Готов да заснемем? Свържи се и уговаряме час. Без задължения, без скрити такси. Телефон: 0889 755 406 | Имейл: teodorpavlovformal@gmail.com"
|
||||
/>
|
||||
<ContactFaq
|
||||
ctaTitle="Готови да започнем?"
|
||||
ctaDescription="Пишете ми или се обадете, за да обсъдим Вашия проект."
|
||||
ctaButton={{ text: "Свържи се сега", href: "#contact" }}
|
||||
ctaIcon={Phone}
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Къде работите?", content: "Работя в гр. София и региона." },
|
||||
{ id: "f2", title: "Какви са сроковете?", content: "Стандартното предаване е до 48 часа." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
<FooterBaseCard
|
||||
logoText="Pavlov Photography"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "За мен",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Услуги",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Контакт",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Навигация", items: [
|
||||
{ label: "За мен", href: "#about" },
|
||||
{ label: "Услуги", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "София и региона",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "© 2026 Pavlov Photography",
|
||||
href: "#",
|
||||
},
|
||||
title: "Контакти", items: [
|
||||
{ label: "София и региона", href: "#" },
|
||||
{ label: "0889 755 406", href: "tel:0889755406" },
|
||||
],
|
||||
},
|
||||
}
|
||||
]}
|
||||
logoText="Pavlov Photography"
|
||||
copyrightText="© 2026 Pavlov Photography"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-lato), sans-serif;
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-lato), sans-serif;
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user