Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
119
src/app/page.tsx
119
src/app/page.tsx
@@ -1,6 +1,6 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
@@ -12,12 +12,10 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
@@ -29,40 +27,125 @@ export default function HomePage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="Tromby SRL" />
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Tromby SRL"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Precizie. Seriozitate. Încredere."
|
||||
description="Service anvelope în Oradea realizat de un profesionist respectat de clienți de ani de zile."
|
||||
buttons={[{ text: "Sună acum", href: "tel:+40700000000" }, { text: "Vezi locația", href: "#contact" }]}
|
||||
mediaItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/darkly-atmospheric-retail-environment-rendering_23-2151153784.jpg", imageAlt: "cinematic garage tire shop dark" }, { imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-stacking-car-tires-while-working-auto-repair-shop_637285-7528.jpg", imageAlt: "cinematic garage tire shop dark" }, { imageSrc: "http://img.b2bpic.net/free-photo/skilled-repairmaster-is-working-with-machine-tool-busy-bucycle-workshop_613910-21475.jpg", imageAlt: "cinematic garage tire shop dark" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-blurred-background_23-2148253589.jpg", imageAlt: "cinematic garage tire shop dark" }, { imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-498.jpg", imageAlt: "cinematic garage tire shop dark" }, { imageSrc: "http://img.b2bpic.net/free-photo/bearded-mechanic-dressed-uniform-holds-crowbar-sits-old-car-tires-garage_613910-19539.jpg", imageAlt: "cinematic garage tire shop dark" }]}
|
||||
title="Precizie. Seriozitate. Încredere."
|
||||
description="Service anvelope în Oradea realizat de un profesionist respectat de clienți de ani de zile."
|
||||
buttons={[{ text: "Sună acum", href: "tel:+40700000000" }, { text: "Vezi locația", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/darkly-atmospheric-retail-environment-rendering_23-2151153784.jpg", imageAlt: "cinematic garage tire shop dark" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-stacking-car-tires-while-working-auto-repair-shop_637285-7528.jpg", imageAlt: "cinematic garage tire shop dark" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/skilled-repairmaster-is-working-with-machine-tool-busy-bucycle-workshop_613910-21475.jpg", imageAlt: "cinematic garage tire shop dark" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-blurred-background_23-2148253589.jpg", imageAlt: "cinematic garage tire shop dark" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-498.jpg", imageAlt: "cinematic garage tire shop dark" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bearded-mechanic-dressed-uniform-holds-crowbar-sits-old-car-tires-garage_613910-19539.jpg", imageAlt: "cinematic garage tire shop dark" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout useInvertedBackground={false} title="Un singur om. Un standard foarte ridicat." buttons={[{ text: "Despre noi", href: "#" }]} />
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Un singur om. Un standard foarte ridicat."
|
||||
buttons={[{ text: "Despre noi", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{ id: "f1", title: "Montaj / demontaj", description: "Lucrări de precizie pentru orice tip de autoturism.", tag: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-17086.jpg" }, { id: "f2", title: "Echilibrare roți", description: "Siguranță maximă prin echilibrare asistată digital.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire_23-2147897909.jpg" }, { id: "f3", title: "Schimb jante", description: "Montaj fără zgârieturi, protejăm jantele tale.", tag: "Expert", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138469.jpg" }]} title="Servicii profesionale pentru anvelope" description="Fiecare lucrare este făcută cu atenție maximă — fără grabă inutilă, fără compromisuri." />
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Montaj / demontaj", description: "Lucrări de precizie pentru orice tip de autoturism.", tag: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-17086.jpg" },
|
||||
{ id: "f2", title: "Echilibrare roți", description: "Siguranță maximă prin echilibrare asistată digital.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire_23-2147897909.jpg" },
|
||||
{ id: "f3", title: "Schimb jante", description: "Montaj fără zgârieturi, protejăm jantele tale.", tag: "Expert", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138469.jpg" }
|
||||
]}
|
||||
title="Servicii profesionale pentru anvelope"
|
||||
description="Fiecare lucrare este făcută cu atenție maximă — fără grabă inutilă, fără compromisuri."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne animationType="slide-up" textboxLayout="default" gridVariant="uniform-all-items-equal" useInvertedBackground={false} testimonials={[{ id: "1", name: "Sergiu M", role: "Client", company: "Oradea", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg" }, { id: "2", name: "Ungur Georgiana", role: "Client", company: "Oradea", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg" }, { id: "3", name: "Levente Kiss", role: "Client", company: "Oradea", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-flannel-suit-glasses-standing-against-brick-wall_613910-6746.jpg" }, { id: "4", name: "Ion Pop", role: "Client", company: "Oradea", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2550.jpg" }, { id: "5", name: "Maria Vlad", role: "Client", company: "Oradea", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg" }]} title="Recomandat de clienți locali" description="Profesionalism confirmat de orădeni." />
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sergiu M", role: "Client", company: "Oradea", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg" },
|
||||
{ id: "2", name: "Ungur Georgiana", role: "Client", company: "Oradea", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg" },
|
||||
{ id: "3", name: "Levente Kiss", role: "Client", company: "Oradea", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-flannel-suit-glasses-standing-against-brick-wall_613910-6746.jpg" },
|
||||
{ id: "4", name: "Ion Pop", role: "Client", company: "Oradea", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2550.jpg" },
|
||||
{ id: "5", name: "Maria Vlad", role: "Client", company: "Oradea", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg" }
|
||||
]}
|
||||
title="Recomandat de clienți locali"
|
||||
description="Profesionalism confirmat de orădeni."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen useInvertedBackground={false} title="Maestrul Tromby" tag="Expertul tău" membersAnimation="slide-up" members={[{ id: "t1", name: "Expertul Tromby", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg" }, { id: "t2", name: "Echipa dedicată", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367579.jpg" }, { id: "t3", name: "Service Mobil", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-bicycle-mechanic-with-crossed-arms-tool-stand-background_613910-12612.jpg" }, { id: "t4", name: "Parteneri", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11869.jpg" }]} memberVariant="card" />
|
||||
<TeamCardTen
|
||||
useInvertedBackground={false}
|
||||
title="Maestrul Tromby"
|
||||
tag="Expertul tău"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{ id: "t1", name: "Expertul Tromby", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg" },
|
||||
{ id: "t2", name: "Echipa dedicată", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367579.jpg" },
|
||||
{ id: "t3", name: "Service Mobil", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-bicycle-mechanic-with-crossed-arms-tool-stand-background_613910-12612.jpg" },
|
||||
{ id: "t4", name: "Parteneri", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11869.jpg" }
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne textboxLayout="default" useInvertedBackground={false} names={["Tromby SRL", "Oradea", "Expert Tire", "Precizie", "Siguranță", "Rapiditate", "Profesionism"]} title="Parteneri și Credibilitate" description="Standarde de lucru recunoscute." />
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Tromby SRL", "Oradea", "Expert Tire", "Precizie", "Siguranță", "Rapiditate", "Profesionism"]}
|
||||
title="Parteneri și Credibilitate"
|
||||
description="Standarde de lucru recunoscute."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble textboxLayout="default" useInvertedBackground={false} faqs={[{ id: "q1", title: "Trebuie programare?", content: "Sună și rezolvăm rapid. Nu avem proceduri complicate." }, { id: "q2", title: "Ce program aveți?", content: "Deschidem devreme, te așteptăm cu plăcere." }, { id: "q3", title: "Lucrați rapid?", content: "Da, dar fără a compromite siguranța." }]} title="Întrebări frecvente" faqsAnimation="slide-up" description="Tot ce trebuie să știi înainte de vizită." />
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Trebuie programare?", content: "Sună și rezolvăm rapid. Nu avem proceduri complicate." },
|
||||
{ id: "q2", title: "Ce program aveți?", content: "Deschidem devreme, te așteptăm cu plăcere." },
|
||||
{ id: "q3", title: "Lucrați rapid?", content: "Da, dar fără a compromite siguranța." }
|
||||
]}
|
||||
title="Întrebări frecvente"
|
||||
faqsAnimation="slide-up"
|
||||
description="Tot ce trebuie să știi înainte de vizită."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter useInvertedBackground={false} background={{ variant: "plain" }} tag="Contact" title="Te așteptăm în Oradea" description="Sună acum pentru consultanță gratuită." />
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Te așteptăm în Oradea"
|
||||
description="Sună acum pentru consultanță gratuită."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis columns={[{ items: [{ label: "Despre noi", href: "#" }, { label: "Servicii", href: "#features" }] }, { items: [{ label: "Locație", href: "#contact" }, { label: "Contact", href: "tel:+40700000000" }] }, { items: [{ label: "Politici", href: "#" }, { label: "Legal", href: "#" }] }]} logoText="Tromby SRL" />
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Despre noi", href: "#" }, { label: "Servicii", href: "#features" }] },
|
||||
{ items: [{ label: "Locație", href: "#contact" }, { label: "Contact", href: "tel:+40700000000" }] },
|
||||
{ items: [{ label: "Politici", href: "#" }, { label: "Legal", href: "#" }] }
|
||||
]}
|
||||
logoText="Tromby SRL"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user