Switch to version 2: modified src/app/page.tsx

This commit is contained in:
2026-05-11 17:10:10 +00:00
parent facb9a93bf
commit 4ed1e761e1

View File

@@ -3,14 +3,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
export default function LandingPage() {
return (
@@ -74,7 +74,7 @@ export default function LandingPage() {
</div>
<div id="products" data-section="products">
<ProductCardFour
<ProductCardOne
title="Наш асортимент"
description="Перегляньте популярні види бруківки для різних архітектурних рішень."
gridVariant="three-columns-all-equal-width"
@@ -82,27 +82,27 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Класична цеглинка", price: "від 300 грн/м²", variant: "В наявності", imageSrc: "https://img.b2bpic.net/free-photo/paving-stones-background_140725-7832.jpg" },
{ id: "p2", name: "Фігурна плитка", price: "від 450 грн/м²", variant: "В наявності", imageSrc: "https://img.b2bpic.net/free-photo/paving-blocks_140725-8314.jpg?_wi=1" },
{ id: "p3", name: "Бруківка Старе місто", price: "від 400 грн/м²", variant: "Під замовлення", imageSrc: "https://img.b2bpic.net/free-photo/paving-blocks_140725-8314.jpg?_wi=2" }
{ id: "p1", name: "Класична цеглинка", price: "від 300 грн/м²", imageSrc: "https://img.b2bpic.net/free-photo/paving-stones-background_140725-7832.jpg" },
{ id: "p2", name: "Фігурна плитка", price: "від 450 грн/м²", imageSrc: "https://img.b2bpic.net/free-photo/paving-blocks_140725-8314.jpg?_wi=1" },
{ id: "p3", name: "Бруківка Старе місто", price: "від 400 грн/м²", imageSrc: "https://img.b2bpic.net/free-photo/paving-blocks_140725-8314.jpg?_wi=2" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
gridVariant="three-columns-all-equal-width"
<TestimonialCardThirteen
showRating={true}
animationType="slide-up"
textboxLayout="split"
title="Відгуки клієнтів"
description="Дізнайтеся, що думають наші замовники про якість роботи."
useInvertedBackground={false}
testimonials={[{ id: "1", name: "Олександр", role: "Клієнт", company: "Власник будинку", quote: "Дуже задоволений роботою, все зроблено вчасно та якісно.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/smiling-man_140725-9981.jpg" }]}
testimonials={[{ id: "1", name: "Олександр", handle: "@client", testimonial: "Дуже задоволений роботою, все зроблено вчасно та якісно.", rating: 5 }]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
<FaqBase
faqs={[
{ id: "q1", title: "Як замовити укладання?", content: "Зв'яжіться з нами через форму на сайті або за телефоном." },
{ id: "q2", title: "Чи виїжджаєте на об'єкт?", content: "Так, ми проводимо безкоштовний виїзд для замірів." }
@@ -112,7 +112,6 @@ export default function LandingPage() {
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
imageSrc="https://img.b2bpic.net/free-photo/worker-measuring-pavement_140725-9982.jpg"
/>
</div>
@@ -139,4 +138,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}