Update src/app/page.tsx
This commit is contained in:
410
src/app/page.tsx
410
src/app/page.tsx
@@ -2,16 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Award, Briefcase, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -30,335 +30,123 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
]}
|
||||
brandName="Brokerage"
|
||||
/>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Početna", id: "#hero" },
|
||||
{ name: "O nama", id: "#about" },
|
||||
{ name: "Usluge", id: "#features" },
|
||||
{ name: "Paketi", id: "#pricing" },
|
||||
{ name: "FAQ", id: "#faq" }
|
||||
]}
|
||||
brandName="Brokerage"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Vaša najkraća veza do kredita"
|
||||
description="Profesionalno posredovanje između vas i vodećih banaka za najpovoljnije uslove kreditiranja uz maksimalnu uštedu vremena."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Odobrenih kredita",
|
||||
},
|
||||
{
|
||||
value: "15",
|
||||
label: "Partnerskih banaka",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Odgovor na upit",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343042.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/workplace-with-laptop-cleaning-products-flat-lay_169016-23965.jpg",
|
||||
alt: "Workplace with laptop and cleaning products flat lay",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/working-accountant_1098-13967.jpg",
|
||||
alt: "Working accountant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343041.jpg",
|
||||
alt: "Still life of office cleaning process",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/office-hardware_1098-14352.jpg",
|
||||
alt: "Office hardware",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-african-american-insurance-agent-going-through-terms-contract-with-couple-pointing-place-they-need-sign-office_637285-1146.jpg",
|
||||
alt: "Happy African American insurance agent",
|
||||
},
|
||||
]}
|
||||
avatarText="Preko 500+ zadovoljnih klijenata"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Brzo odobrenje",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparentni uslovi",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Stručna podrška",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Minimalna dokumentacija",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Najniže kamate",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<HeroSplitDualMedia
|
||||
tag="Vaša najkraća veza do kredita"
|
||||
title="Profesionalno posredovanje između vas i vodećih banaka"
|
||||
description="Najpovoljniji uslovi kreditiranja uz maksimalnu uštedu vašeg vremena i truda."
|
||||
rating={5}
|
||||
ratingText="500+ zadovoljnih klijenata"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-insurance-agent-going-through-terms-contract-with-couple-pointing-place-they-need-sign-office_637285-1146.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-couple-having-consultations-with-their-financial-advisor-office_637285-6880.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Zašto odabrati nas?"
|
||||
description={[
|
||||
"Mi smo vaš lični finansijski savetnik. Naš tim analizira ponude svih banaka umesto vas, kako biste dobili kredit bez skrivene papirologije i sa minimalnim kamatnim stopama.",
|
||||
"Naš cilj je da proces dobijanja kredita učinimo jednostavnim, transparentnim i efikasnim.",
|
||||
]}
|
||||
/>
|
||||
<TextAbout
|
||||
title="Finansijski savetnik na vašoj strani"
|
||||
tag="O nama"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Analiza ponuda",
|
||||
description: "Uporedna analiza svih bankarskih ponuda za vas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/satisfied-young-man-looking-pleased-credit-card-showing-empty-smartphone-screen-standing-white_1258-164030.jpg",
|
||||
buttonText: "Saznaj više",
|
||||
},
|
||||
{
|
||||
title: "Stručna podrška",
|
||||
description: "Saveti naših eksperata za bolju finansijsku odluku.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-woman-working-browsing-tablet-computer-outdoors_1262-12359.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-showroom-agent-shaking-hands-with-clients-after-closing-deal_482257-124430.jpg",
|
||||
buttonText: "Kontaktiraj nas",
|
||||
},
|
||||
{
|
||||
title: "Sigurnost podataka",
|
||||
description: "Vaša dokumentacija je kod nas u sigurnim rukama.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/general-director-signing-work-contracts-approving-employees-requests_482257-123901.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/young-company-analyst-office-watching-business-presentation-pc_482257-118998.jpg",
|
||||
buttonText: "Pogledaj više",
|
||||
},
|
||||
]}
|
||||
title="Naše usluge"
|
||||
description="Sveobuhvatna podrška u svakom koraku procesa kreditiranja."
|
||||
/>
|
||||
<FeatureCardEight
|
||||
title="Naše usluge"
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{ title: "Analiza ponuda", description: "Uporedna analiza svih banaka za najbolje kamate." },
|
||||
{ title: "Stručna podrška", description: "Ekspertski saveti za vašu finansijsku stabilnost." },
|
||||
{ title: "Sigurnost", description: "Vaša dokumentacija je maksimalno zaštićena." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Osnovni",
|
||||
price: "Besplatno",
|
||||
period: "konsultacije",
|
||||
features: [
|
||||
"Analiza ponude",
|
||||
"Email podrška",
|
||||
],
|
||||
button: {
|
||||
text: "Izaberi",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-couple-having-consultations-with-their-financial-advisor-office_637285-6880.jpg",
|
||||
imageAlt: "financial advisor client meeting",
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Premijum",
|
||||
price: "Provizija",
|
||||
period: "po realizaciji",
|
||||
features: [
|
||||
"Analiza ponude",
|
||||
"Prikupljanje dokumentacije",
|
||||
"Prioritetno procesiranje",
|
||||
],
|
||||
button: {
|
||||
text: "Kontakt",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343042.jpg?_wi=2",
|
||||
imageAlt: "financial advisor client meeting",
|
||||
},
|
||||
]}
|
||||
title="Naši paketi"
|
||||
description="Odaberite model podrške koji vama odgovara."
|
||||
/>
|
||||
<PricingCardThree
|
||||
title="Transparentni paketi"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
plans={[
|
||||
{ id: "basic", price: "Besplatno", name: "Osnovne konsultacije", features: ["Analiza ponuda", "Email podrška"], buttons: [{text: "Izaberi"}] },
|
||||
{ id: "pro", price: "Provizija", name: "Premijum podrška", features: ["Prikupljanje dokaza", "Prioritetno procesiranje"], buttons: [{text: "Kontaktirajte nas"}] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Zadovoljstvo",
|
||||
description: "Naših klijenata",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100+",
|
||||
title: "Projekata",
|
||||
description: "Uspešno zatvorenih",
|
||||
icon: Briefcase,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5+",
|
||||
title: "Godina",
|
||||
description: "Tradicije",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Uspešni rezultati"
|
||||
description="Brojke koje garantuju kvalitet naše usluge."
|
||||
/>
|
||||
<MetricCardThree
|
||||
title="Rezultati"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
metrics={[
|
||||
{ id: "m1", icon: CheckCircle, title: "Zadovoljstvo", value: "98%" },
|
||||
{ id: "m2", icon: Briefcase, title: "Uspešnih kredita", value: "500+" },
|
||||
{ id: "m3", icon: Award, title: "Godina tradicije", value: "5" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ana Petrović",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826968.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marko Ivić",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jelena Milić",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ivan Savić",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Dragan Dimić",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Šta kažu naši klijenti"
|
||||
cardTag="Poverenje"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
<TestimonialCardThirteen
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
title="Šta klijenti kažu o nama"
|
||||
textboxLayout="default"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Ana Petrović", handle: "Klijent", testimonial: "Proces je bio brz i jednostavan, hvala na pomoći!", rating: 5 },
|
||||
{ id: "t2", name: "Marko Ivić", handle: "Klijent", testimonial: "Uštedeli su mi mnogo novca na kamatama.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Koliko traje procedura?",
|
||||
content: "Zavisno od banke, od 2 do 7 radnih dana.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Da li naplaćujete konsultacije?",
|
||||
content: "Početne konsultacije su uvek besplatne.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Koji su uslovi?",
|
||||
content: "Zavisi od tipa kredita i vaše kreditne sposobnosti.",
|
||||
},
|
||||
]}
|
||||
title="Česta pitanja"
|
||||
description="Saznajte više o procesu kreditiranja."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
<FaqDouble
|
||||
title="Česta pitanja"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Da li su konsultacije besplatne?", content: "Da, prvi razgovor je u potpunosti besplatan." },
|
||||
{ id: "f2", title: "Koje kredite posredujete?", content: "Stambene, keš i auto kredite svih banaka." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Spremni za prvi korak ka vašem kreditu?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Pošalji upit",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<ContactCTA
|
||||
tag="Kontakt"
|
||||
title="Započnite svoj put do povoljnog kredita"
|
||||
description="Naš tim vas čeka. Popunite kratak formular ili nas direktno pozovite."
|
||||
buttons={[{text: "Pošalji upit"}]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Brokerage Firma"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigacija",
|
||||
items: [
|
||||
{
|
||||
label: "Početna",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "O nama",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legalno",
|
||||
items: [
|
||||
{
|
||||
label: "Politika privatnosti",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<FooterMedia
|
||||
logoText="Brokerage"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826968.jpg"
|
||||
columns={[
|
||||
{ title: "Navigacija", items: [{label: "Početna", href: "#hero"}] },
|
||||
{ title: "Legal", items: [{label: "Privatnost", href: "#"}] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user