Update src/app/page.tsx
This commit is contained in:
228
src/app/page.tsx
228
src/app/page.tsx
@@ -29,129 +29,129 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Acasă", id: "hero" },
|
||||
{ name: "Despre", id: "about" },
|
||||
{ name: "Servicii", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NUME FIRMA"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Acasă", id: "hero" },
|
||||
{ name: "Despre", id: "about" },
|
||||
{ name: "Servicii", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NUME FIRMA"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSignup
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Lider în Inovație"
|
||||
title="Soluții Profesionale Pentru Business-ul Tău"
|
||||
description="Transformăm viziunea ta în realitate prin expertiză și tehnologii moderne. Alătură-te celor peste 500+ clienți mulțumiți."
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSignup
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Lider în Inovație"
|
||||
title="Soluții Profesionale Pentru Business-ul Tău"
|
||||
description="Transformăm viziunea ta în realitate prin expertiză și tehnologii moderne. Alătură-te celor peste 500+ clienți mulțumiți."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "O echipă dedicată performanței" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "O echipă dedicată performanței" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
title="Servicii Profesionale"
|
||||
description="Oferim pachete personalizate pentru a accelera dezvoltarea companiei tale."
|
||||
accordionItems={[
|
||||
{ id: "a1", title: "Consultantă Strategică", content: "Analizăm fluxurile tale de business pentru eficiență maximă." },
|
||||
{ id: "a2", title: "Dezvoltare Digitală", content: "Soluții software custom și optimizarea prezenței online." },
|
||||
{ id: "a3", title: "Suport 24/7", content: "Echipa noastră tehnică este mereu disponibilă pentru orice urgență." }
|
||||
]}
|
||||
videoSrc="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?q=80&w=2070&auto=format&fit=crop"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
title="Servicii Profesionale"
|
||||
description="Oferim pachete personalizate pentru a accelera dezvoltarea companiei tale."
|
||||
accordionItems={[
|
||||
{ id: "a1", title: "Consultantă Strategică", content: "Analizăm fluxurile tale de business pentru eficiență maximă." },
|
||||
{ id: "a2", title: "Dezvoltare Digitală", content: "Soluții software custom și optimizarea prezenței online." },
|
||||
{ id: "a3", title: "Suport 24/7", content: "Echipa noastră tehnică este mereu disponibilă pentru orice urgență." }
|
||||
]}
|
||||
videoSrc="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?q=80&w=2070&auto=format&fit=crop"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
metrics={[
|
||||
{ id: "m1", icon: Award, title: "Proiecte", value: "100+" },
|
||||
{ id: "m2", icon: Users, title: "Clienți", value: "50+" },
|
||||
{ id: "m3", icon: CheckCircle, title: "Retenție", value: "99%" }
|
||||
]}
|
||||
title="Impact Real"
|
||||
description="Cifre care demonstrează angajamentul nostru față de excelență."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
metrics={[
|
||||
{ id: "m1", icon: Award, title: "Proiecte", value: "100+" },
|
||||
{ id: "m2", icon: Users, title: "Clienți", value: "50+" },
|
||||
{ id: "m3", icon: CheckCircle, title: "Retenție", value: "99%" }
|
||||
]}
|
||||
title="Impact Real"
|
||||
description="Cifre care demonstrează angajamentul nostru față de excelență."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
title="Ce spun clienții"
|
||||
description="Experiențele partenerilor noștri."
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Ion Popescu", handle: "@ion", testimonial: "Servicii de top, livrate exact când a fost nevoie.", rating: 5 },
|
||||
{ id: "t2", name: "Maria Ionescu", handle: "@maria", testimonial: "Profesionalism și atenție la detalii exemplară.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
title="Ce spun clienții"
|
||||
description="Experiențele partenerilor noștri."
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Ion Popescu", handle: "@ion", testimonial: "Servicii de top, livrate exact când a fost nevoie.", rating: 5 },
|
||||
{ id: "t2", name: "Maria Ionescu", handle: "@maria", testimonial: "Profesionalism și atenție la detalii exemplară.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
names={["Alpha Tech", "Beta Solutions", "Gamma Corp", "Delta Systems"]}
|
||||
title="Parteneri strategici"
|
||||
description="Companii care ne-au ales pentru succesul lor digital."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
names={["Alpha Tech", "Beta Solutions", "Gamma Corp", "Delta Systems"]}
|
||||
title="Parteneri strategici"
|
||||
description="Companii care ne-au ales pentru succesul lor digital."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Întrebări frecvente"
|
||||
description="Răspunsuri la cele mai comune întrebări."
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="split"
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Cum începem?", content: "Simplu, programăm o ședință de analiză inițială." },
|
||||
{ id: "f2", title: "Care sunt costurile?", content: "Oferim soluții scalabile, adaptate bugetului fiecărui proiect." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Întrebări frecvente"
|
||||
description="Răspunsuri la cele mai comune întrebări."
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="split"
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Cum începem?", content: "Simplu, programăm o ședință de analiză inițială." },
|
||||
{ id: "f2", title: "Care sunt costurile?", content: "Oferim soluții scalabile, adaptate bugetului fiecărui proiect." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Trimite-ne un mesaj"
|
||||
description="Suntem gata să discutăm proiectul tău și să găsim cea mai bună soluție."
|
||||
useInvertedBackground={false}
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Numele tău" },
|
||||
{ name: "email", type: "email", placeholder: "Email-ul tău" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Detalii proiect" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Trimite-ne un mesaj"
|
||||
description="Suntem gata să discutăm proiectul tău și să găsim cea mai bună soluție."
|
||||
useInvertedBackground={false}
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Numele tău" },
|
||||
{ name: "email", type: "email", placeholder: "Email-ul tău" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Detalii proiect" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="NUME FIRMA"
|
||||
columns={[
|
||||
{ items: [{ label: "Despre noi" }, { label: "Servicii" }] },
|
||||
{ items: [{ label: "Termeni și Condiții" }, { label: "Politică Confidențialitate" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="NUME FIRMA"
|
||||
columns={[
|
||||
{ items: [{ label: "Despre noi" }, { label: "Servicii" }] },
|
||||
{ items: [{ label: "Termeni și Condiții" }, { label: "Politică Confidențialitate" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user