Update src/app/page.tsx
This commit is contained in:
@@ -4,6 +4,7 @@ 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 FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
@@ -17,15 +18,15 @@ export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
sizing="largeSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
@@ -36,7 +37,9 @@ export default function LandingPage() {
|
||||
{
|
||||
name: "Автомобиль", id: "#car-showcase"},
|
||||
{
|
||||
name: "О нас", id: "#our-approach"},
|
||||
name: "Наш подход", id: "#our-approach"},
|
||||
{
|
||||
name: "Возможности", id: "#capabilities-showcase"},
|
||||
{
|
||||
name: "Контакты", id: "#contact"},
|
||||
]}
|
||||
@@ -169,10 +172,37 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="capabilities-showcase" data-section="capabilities-showcase">
|
||||
<FeatureCardTwentyOne
|
||||
title="Разработка с фокусом на опыт"
|
||||
description="Мы создаем проекты, которые не только выглядят безупречно, но и взаимодействуют с пользователем на высшем уровне, предлагая интуитивный и захватывающий опыт."
|
||||
tag="Наши возможности"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "capability1", title: "Плавный скролл", content: "Идеальная навигация и погружение в контент без задержек."
|
||||
},
|
||||
{
|
||||
id: "capability2", title: "Интерактивные эффекты", content: "Динамическое взаимодействие, оживляющее каждый элемент дизайна."
|
||||
},
|
||||
{
|
||||
id: "capability3", title: "Анимации при наведении", content: "Элегантные переходы, улучшающие юзабилити и эстетику."
|
||||
},
|
||||
{
|
||||
id: "capability4", title: "Современная типографика", content: "Четкие и стильные шрифты для лучшей читаемости и визуальной иерархии."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674314.jpg"
|
||||
imageAlt="Modern car driving in a city at night"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trusted-partners" data-section="trusted-partners">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"AutoLux Holdings", "Elite Motors Group", "Velocity Brands", "Grand Automotive", "Prestige Wheels", "Apex Auto Solutions", "Drive Global"]}
|
||||
title="Нам доверяют лидеры индустрии"
|
||||
@@ -185,7 +215,7 @@ export default function LandingPage() {
|
||||
<div id="client-testimonials" data-section="client-testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Михаил Петров", date: "2 месяца назад", title: "Исключительное качество и внимание", quote: "AK превзошел все мои ожидания. Работа с BMW M3 G80 Touring была выполнена на высшем уровне, каждый нюанс учтен. Я очень доволен результатом!", tag: "Индивидуальный заказ", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974229.jpg", imageAlt: "Luxury car interior"},
|
||||
@@ -206,7 +236,7 @@ export default function LandingPage() {
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1", title: "Какие автомобили вы представляете?", content: "Мы специализируемся на высококлассных автомобилях класса люкс и спортивных моделях, уделяя особое внимание эксклюзивным модификациям и индивидуальным проектам."},
|
||||
@@ -227,12 +257,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
tag="Свяжитесь с нами"
|
||||
title="Начните свой эксклюзивный проект"
|
||||
description="Готовы обсудить ваши идеи? Мы ждем вашего звонка или сообщения, чтобы воплотить вашу vision в жизнь с превосходным качеством и стилем."
|
||||
tag="Свяжитесь со мной"
|
||||
title="Связаться со мной"
|
||||
description="Готовы обсудить ваши идеи? Свяжитесь со мной через Telegram или Email для начала вашего эксклюзивного проекта."
|
||||
buttons={[
|
||||
{
|
||||
text: "Telegram", href: "https://t.me/ak_businesss"},
|
||||
@@ -258,7 +288,9 @@ export default function LandingPage() {
|
||||
{
|
||||
label: "Автомобиль", href: "#car-showcase"},
|
||||
{
|
||||
label: "О нас", href: "#our-approach"},
|
||||
label: "Наш подход", href: "#our-approach"},
|
||||
{
|
||||
label: "Возможности", href: "#capabilities-showcase"},
|
||||
{
|
||||
label: "Контакты", href: "#contact"},
|
||||
],
|
||||
|
||||
Reference in New Issue
Block a user