Compare commits
2 Commits
version_1_
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| c22b27b347 | |||
|
|
21044c5863 |
@@ -8,43 +8,43 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
export default function Layout() {
|
||||
const navItems = [
|
||||
{
|
||||
"name": "About",
|
||||
"name": "О нас",
|
||||
"href": "#about"
|
||||
},
|
||||
{
|
||||
"name": "Services",
|
||||
"name": "Услуги",
|
||||
"href": "#features"
|
||||
},
|
||||
{
|
||||
"name": "Testimonials",
|
||||
"name": "Отзывы",
|
||||
"href": "#testimonials"
|
||||
},
|
||||
{
|
||||
"name": "Contact",
|
||||
"name": "Контакты",
|
||||
"href": "#contact"
|
||||
},
|
||||
{
|
||||
"name": "Hero",
|
||||
"name": "Главная",
|
||||
"href": "#hero"
|
||||
},
|
||||
{
|
||||
"name": "Metrics",
|
||||
"name": "Показатели",
|
||||
"href": "#metrics"
|
||||
},
|
||||
{
|
||||
"name": "Team",
|
||||
"name": "Команда",
|
||||
"href": "#team"
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<StyleProvider buttonVariant="magnetic" siteBackground="floatingGradient" heroBackground="gradientBars">
|
||||
<StyleProvider buttonVariant="magnetic" siteBackground="aurora" heroBackground="cornerGlow">
|
||||
<SiteBackgroundSlot />
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloating
|
||||
logo="ElektriknaLexuse"
|
||||
ctaButton={{
|
||||
text: "Get Quote",
|
||||
text: "Оставить заявку",
|
||||
href: "#contact",
|
||||
}}
|
||||
navItems={navItems} />
|
||||
@@ -57,40 +57,40 @@ export default function Layout() {
|
||||
brand="ElektriknaLexuse"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
title: "Компания",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
label: "О нас",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
label: "Услуги",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
title: "Ресурсы",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
label: "Блог",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
label: "Поддержка",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyright="© 2024 ElektriknaLexuse All rights reserved."
|
||||
copyright="© 2024 ElektriknaLexuse Все права защищены."
|
||||
links={[
|
||||
{
|
||||
label: "Privacy",
|
||||
label: "Конфиденциальность",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
label: "Условия",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -5,15 +5,15 @@
|
||||
|
||||
:root {
|
||||
/* @colorThemes/lightTheme/grayNavyBlue */
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f0f8ffe6;
|
||||
--primary-cta: #cee7ff;
|
||||
--background: #050505;
|
||||
--card: #111111;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #00f3ff;
|
||||
--primary-cta-text: #0a0a0a;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #f0f8ffe6;
|
||||
--accent: #737373;
|
||||
--background-accent: #737373;
|
||||
--secondary-cta: #111111;
|
||||
--secondary-cta-text: #00f3ff;
|
||||
--accent: #00f3ff;
|
||||
--background-accent: #00f3ff;
|
||||
|
||||
/* @layout/border-radius/rounded */
|
||||
--radius: 0.5rem;
|
||||
|
||||
@@ -1,264 +1,36 @@
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
|
||||
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
||||
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
|
||||
import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
|
||||
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
|
||||
import { Award, Shield, Zap } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly. Non-block content (wrappers, non-inlinable sections) is
|
||||
// preserved inline; extracted section blocks become <XSection/> refs.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import FeaturesSection from './HomePage/sections/Features';
|
||||
import MetricsSection from './HomePage/sections/Metrics';
|
||||
import TeamSection from './HomePage/sections/Team';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Advanced Electrical Solutions"
|
||||
title="Precision Power, Seamless Integration."
|
||||
description="ElektriknaLexuse delivers cutting-edge electrical services for residential and industrial projects with unmatched expertise and reliability."
|
||||
primaryButton={{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Explore Services",
|
||||
href: "#features",
|
||||
}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/printed-circuit-as-background_1398-429.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66536.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-printed-circuit-board-concept-modern-technologies_169016-60304.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24004.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66534.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-switchboard-with-fuses-connection-installation-electrical-panel-with-modern-equipment-concept-complex-work_169016-5086.jpg",
|
||||
},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-points-cabinet-modules-reads-tablet-plan-digital-twin_169016-71140.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24803.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66763.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105479.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motherboard-background_23-2151733866.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-audits-switchboard-with-tablet-schematic-smart-service_169016-71430.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="About Us"
|
||||
title="Innovating the Future of Power"
|
||||
description="At ElektriknaLexuse, we bridge the gap between traditional power needs and future-ready technology, ensuring every installation is safe and high-performing."
|
||||
items={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Rapid Deployment",
|
||||
description: "Quick, efficient installation services for your infrastructure.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Safety Guaranteed",
|
||||
description: "Strict compliance with safety standards and rigorous testing.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Mastery in Wiring",
|
||||
description: "Decades of expertise in modern residential/industrial wiring.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<AboutSection />
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesRevealCards
|
||||
tag="Our Expertise"
|
||||
title="Delivering Excellence"
|
||||
description="From complex industrial grids to smart home integrations, we handle the most demanding electrical challenges."
|
||||
items={[
|
||||
{
|
||||
title: "High-Voltage Systems",
|
||||
description: "Advanced management for industrial-grade systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-background-with-bright-lines_1160-203.jpg",
|
||||
},
|
||||
{
|
||||
title: "Smart Automation",
|
||||
description: "Complete home automation and power distribution integration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-electrical-chipsets-transmitting-energy-through-each-other_181624-3425.jpg",
|
||||
},
|
||||
{
|
||||
title: "Data Connectivity",
|
||||
description: "Optimized networking layouts and server power integration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/robotic-wireless-vacuum-cleaner-control-by-smartphone-app_23-2150783878.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FeaturesSection />
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Trusted Impact"
|
||||
title="By The Numbers"
|
||||
description="We let our performance metrics speak for themselves."
|
||||
metrics={[
|
||||
{
|
||||
value: "1500+",
|
||||
description: "Successful Projects",
|
||||
},
|
||||
{
|
||||
value: "99.9%",
|
||||
description: "Safety Compliance",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
description: "Certified Installs",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MetricsSection />
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamStackedCards
|
||||
tag="Our Experts"
|
||||
title="Meet the Team"
|
||||
description="Our professionals are dedicated to your safety and satisfaction."
|
||||
members={[
|
||||
{
|
||||
name: "Alex Lex",
|
||||
role: "Chief Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-panel-wiring-installation-tool-hand_169016-68226.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Croft",
|
||||
role: "Lead Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark Volt",
|
||||
role: "Master Electrician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125964.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TeamSection />
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Client Feedback"
|
||||
title="Voices of Trust"
|
||||
description="Join our community of satisfied clients who value our precision."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
role: "CEO",
|
||||
quote: "ElektriknaLexuse transformed our warehouse operations with their smart grid.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nice-i-friendly-outgoing-gorgeous-young-smiling-girl-showing-thumb-up-saying-yes-approving-liking-awesome-interesting-plan-grinning-accepting-terms-no-problems-standing-white-wall_176420-35585.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
role: "Homeowner",
|
||||
quote: "Perfect installation, very responsive team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515879.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mike Ross",
|
||||
role: "Developer",
|
||||
quote: "The go-to team for industrial power complex issues.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-male-team-leader-business-meeting-office_1268-21483.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily Blunt",
|
||||
role: "Architect",
|
||||
quote: "Professional team with great technical insights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-electrical-panel-male-electrician-overalls_169016-67184.jpg",
|
||||
},
|
||||
{
|
||||
name: "Tom Cruise",
|
||||
role: "Manager",
|
||||
quote: "Exceptional service for our commercial space.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-hand-out_23-2148308579.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimonialsSection />
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Common Questions"
|
||||
title="Need Help? Let's Talk."
|
||||
description="Clear answers to your most frequent questions."
|
||||
items={[
|
||||
{
|
||||
question: "What areas do you cover?",
|
||||
answer: "We serve both residential and commercial sectors in the greater metropolitan region.",
|
||||
},
|
||||
{
|
||||
question: "How do I get a quote?",
|
||||
answer: "Simply fill out our contact form and our engineers will reach out for a consultation.",
|
||||
},
|
||||
{
|
||||
question: "Are you certified?",
|
||||
answer: "Yes, our technicians carry all industry-standard licenses and certifications.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-electrician-repairing-electrical-panel-bright-technical-room-electrician-energy-service_169016-71552.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FaqSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Ready to Start?"
|
||||
text="Let us energize your next project with professional solutions."
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Support",
|
||||
href: "tel:5550199",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
23
src/pages/HomePage/sections/About.tsx
Normal file
23
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,23 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "about" section.
|
||||
|
||||
import React from 'react';
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
import { Award, Shield, Zap } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function AboutSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="О нас"
|
||||
title="Инновации в автоэлектрике"
|
||||
description="В ElektriknaLexuse мы объединяем глубокие знания и современные технологии, гарантируя безопасность и высокое качество каждого ремонта."
|
||||
items={[{"title":"Оперативность","description":"Быстрая и точная диагностика электрики вашего автомобиля.","icon":"Zap"},{"icon":"Shield","title":"Гарантия безопасности","description":"Строгое соблюдение стандартов безопасности и тщательное тестирование."},{"icon":"Award","description":"Многолетний опыт работы со сложными автомобильными системами.","title":"Мастерство"}]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
21
src/pages/HomePage/sections/Contact.tsx
Normal file
21
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "contact" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ContactSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Готовы начать?"
|
||||
text="Доверьте электрику вашего автомобиля профессионалам."
|
||||
primaryButton={{"text":"Связаться с нами","href":"#contact"}}
|
||||
secondaryButton={{"text":"Позвонить сейчас","href":"tel:5550199"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
22
src/pages/HomePage/sections/Faq.tsx
Normal file
22
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "faq" section.
|
||||
|
||||
import React from 'react';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Частые вопросы"
|
||||
title="Нужна помощь? Давайте обсудим."
|
||||
description="Понятные ответы на ваши самые частые вопросы."
|
||||
items={[{"answer":"Мы обслуживаем автомобили всех марок, с особым акцентом на премиум-сегмент.","question":"С какими марками автомобилей вы работаете?"},{"question":"Как записаться на диагностику?","answer":"Просто позвоните нам или оставьте заявку на сайте, и мы свяжемся с вами для уточнения деталей."},{"answer":"Да, мы предоставляем гарантию на все виды выполненных работ и установленное оборудование.","question":"Даете ли вы гарантию на работы?"}]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-electrician-repairing-electrical-panel-bright-technical-room-electrician-energy-service_169016-71552.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
21
src/pages/HomePage/sections/Features.tsx
Normal file
21
src/pages/HomePage/sections/Features.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "features" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FeaturesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesRevealCards
|
||||
tag="Наш опыт"
|
||||
title="Безупречное качество"
|
||||
description="От сложной диагностики до установки дополнительного оборудования — мы решаем самые сложные задачи автоэлектрики."
|
||||
items={[{"imageSrc":"http://img.b2bpic.net/free-photo/blue-background-with-bright-lines_1160-203.jpg","title":"Высоковольтные системы","description":"Профессиональная работа с высоковольтными системами гибридов и электромобилей."},{"description":"Установка и настройка современных охранных комплексов и автозапуска.","imageSrc":"http://img.b2bpic.net/free-photo/closeup-shot-electrical-chipsets-transmitting-energy-through-each-other_181624-3425.jpg","title":"Умная автоматизация"},{"description":"Оптимизация проводки и интеграция мультимедийных систем.","title":"Мультимедиа и связь","imageSrc":"http://img.b2bpic.net/free-photo/robotic-wireless-vacuum-cleaner-control-by-smartphone-app_23-2150783878.jpg"}]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
62
src/pages/HomePage/sections/Hero.tsx
Normal file
62
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,62 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "hero" section.
|
||||
|
||||
import React from 'react';
|
||||
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Профессиональный автоэлектрик"
|
||||
title="Точная диагностика, надежный ремонт."
|
||||
description="ElektriknaLexuse предоставляет передовые услуги автоэлектрика с непревзойденным опытом и надежностью."
|
||||
primaryButton={{"href":"#contact","text":"Записаться на консультацию"}}
|
||||
secondaryButton={{"href":"#features","text":"Наши услуги"}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/printed-circuit-as-background_1398-429.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66536.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-printed-circuit-board-concept-modern-technologies_169016-60304.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24004.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66534.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-switchboard-with-fuses-connection-installation-electrical-panel-with-modern-equipment-concept-complex-work_169016-5086.jpg",
|
||||
},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-points-cabinet-modules-reads-tablet-plan-digital-twin_169016-71140.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24803.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66763.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105479.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motherboard-background_23-2151733866.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-audits-switchboard-with-tablet-schematic-smart-service_169016-71430.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
21
src/pages/HomePage/sections/Metrics.tsx
Normal file
21
src/pages/HomePage/sections/Metrics.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "metrics" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MetricsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Нам доверяют"
|
||||
title="В цифрах"
|
||||
description="Наши показатели говорят сами за себя."
|
||||
metrics={[{"value":"1500+","description":"Успешных ремонтов"},{"description":"Довольных клиентов","value":"99.9%"},{"description":"Установленных систем","value":"500+"}]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
21
src/pages/HomePage/sections/Team.tsx
Normal file
21
src/pages/HomePage/sections/Team.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "team" section.
|
||||
|
||||
import React from 'react';
|
||||
import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TeamSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamStackedCards
|
||||
tag="Наши эксперты"
|
||||
title="Команда профессионалов"
|
||||
description="Наши специалисты преданы вашему комфорту и безопасности на дороге."
|
||||
members={[{"role":"Главный автоэлектрик","name":"Алексей","imageSrc":"http://img.b2bpic.net/free-photo/electrician-working-panel-wiring-installation-tool-hand_169016-68226.jpg"},{"role":"Специалист по диагностике","name":"Сергей","imageSrc":"http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125964.jpg","name":"Максим","role":"Мастер-установщик"}]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
21
src/pages/HomePage/sections/Testimonials.tsx
Normal file
21
src/pages/HomePage/sections/Testimonials.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "testimonials" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Отзывы клиентов"
|
||||
title="Голоса доверия"
|
||||
description="Присоединяйтесь к числу довольных клиентов, которые ценят нашу точность и профессионализм."
|
||||
testimonials={[{"quote":"ElektriknaLexuse быстро нашли и устранили сложную плавающую ошибку в проводке.","name":"Иван Петров","imageSrc":"http://img.b2bpic.net/free-photo/nice-i-friendly-outgoing-gorgeous-young-smiling-girl-showing-thumb-up-saying-yes-approving-liking-awesome-interesting-plan-grinning-accepting-terms-no-problems-standing-white-wall_176420-35585.jpg","role":"Владелец Lexus RX"},{"quote":"Отличная установка сигнализации, очень отзывчивая команда.","imageSrc":"http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515879.jpg","name":"Анна Смирнова","role":"Владелица Toyota Camry"},{"quote":"Лучшие специалисты по сложным проблемам с электрикой.","role":"Владелец BMW X5","name":"Михаил Иванов","imageSrc":"http://img.b2bpic.net/free-photo/black-male-team-leader-business-meeting-office_1268-21483.jpg"},{"quote":"Профессиональная команда с отличным пониманием современных авто.","role":"Владелица Audi Q7","imageSrc":"http://img.b2bpic.net/free-photo/male-electrician-working-electrical-panel-male-electrician-overalls_169016-67184.jpg","name":"Елена Соколова"},{"quote":"Исключительный сервис и внимание к деталям.","role":"Владелец Mercedes E-Class","imageSrc":"http://img.b2bpic.net/free-photo/businessman-holding-hand-out_23-2148308579.jpg","name":"Дмитрий Волков"}]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user