Update src/app/page.tsx
This commit is contained in:
327
src/app/page.tsx
327
src/app/page.tsx
@@ -2,16 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Award, Truck, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -30,303 +30,118 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Prigo d.o.o."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="Prigo d.o.o. Ub"
|
||||
description="Your trusted partner in logistics and transport services based in Ub, Serbia. Professional, efficient, and reliable solutions for your business needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
<HeroSplitDualMedia
|
||||
title="Prigo d.o.o. Ub"
|
||||
description="Professional, efficient, and reliable logistics and transport solutions in Serbia. We keep your business moving."
|
||||
tag="Logistics Partner"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
rating={5}
|
||||
ratingText="Trusted by 500+ clients"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-warehouse_23-2148923082.jpg", imageAlt: "Logistics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/logistics-warehouse-with-empty-high-racks_181624-57353.jpg", imageAlt: "Warehouse" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-warehouse_23-2148923082.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="logistics warehouse business background"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821272.jpg",
|
||||
alt: "Prigo Team",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Our Business",
|
||||
},
|
||||
<MetricSplitMediaAbout
|
||||
title="About Our Business"
|
||||
description="With over 15 years of experience, we provide tailored transport and warehousing solutions."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Happy Clients" },
|
||||
{ value: "10k+", title: "Successes" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821272.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardOne
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Transport Services",
|
||||
description: "Reliable fleet for domestic and international transportation of goods.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/logistic-4-flat-icons-square-banner_1284-8012.jpg",
|
||||
imageAlt: "logistics supply chain management icon",
|
||||
},
|
||||
{
|
||||
title: "Warehousing",
|
||||
description: "Safe and organized storage solutions for various industrial goods.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-man-repairs-truck-man-with-tools_1157-46529.jpg",
|
||||
imageAlt: "trucking fleet maintenance service",
|
||||
},
|
||||
{
|
||||
title: "Logistics Planning",
|
||||
description: "Efficient network planning to optimize your supply chain operations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-warehouse-with-empty-high-racks_181624-57353.jpg",
|
||||
imageAlt: "logistics inventory control systems",
|
||||
},
|
||||
]}
|
||||
title="Professional Logistics Services"
|
||||
description="We specialize in providing top-tier transport and warehousing solutions tailored to the needs of modern industry."
|
||||
description="Top-tier transport and warehousing tailored for your industry."
|
||||
features={[
|
||||
{ id: "1", title: "Transport", descriptions: ["Efficient fleet for all needs."] },
|
||||
{ id: "2", title: "Warehousing", descriptions: ["Safe storage solutions."] },
|
||||
{ id: "3", title: "Logistics", descriptions: ["Network planning."] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Years Experience",
|
||||
value: "15+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Satisfied Clients",
|
||||
value: "500+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Successful Deliveries",
|
||||
value: "10k+",
|
||||
icon: Truck,
|
||||
},
|
||||
]}
|
||||
<MetricCardFourteen
|
||||
title="Reliability in Numbers"
|
||||
description="Our track record speaks for itself through our commitment to service."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="partners" data-section="partners">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Partner A",
|
||||
"Partner B",
|
||||
"Partner C",
|
||||
"Partner D",
|
||||
"Partner E",
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", description: "Years Experience" },
|
||||
{ id: "m2", value: "500+", description: "Clients" },
|
||||
{ id: "m3", value: "10k+", description: "Deliveries" }
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Our logistics network serves diverse partners across the region."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Client Feedback"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marko Ilic",
|
||||
role: "Logistics Manager",
|
||||
company: "TradePro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
|
||||
imageAlt: "business person portrait professional",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jelena Petrovic",
|
||||
role: "CEO",
|
||||
company: "Industria",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
imageAlt: "business portrait middle aged",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Stefan Nikolic",
|
||||
role: "Operations",
|
||||
company: "SupplyChain X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
|
||||
imageAlt: "happy client portrait professional",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ana Jovanovic",
|
||||
role: "Director",
|
||||
company: "Global Trade",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
imageAlt: "corporate professional portrait clean",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Milan Stojkovic",
|
||||
role: "Manager",
|
||||
company: "BuildCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
|
||||
imageAlt: "professional executive portrait confident",
|
||||
},
|
||||
{ id: "1", name: "Marko Ilic", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg" },
|
||||
{ id: "2", name: "Jelena Petrovic", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" }
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="What our clients have to say about working with Prigo d.o.o."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we handle international logistics for a wide range of goods.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How can I request a quote?",
|
||||
content: "You can reach out via our contact form or call us directly.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What areas do you serve?",
|
||||
content: "We primarily serve the Ub region and broader Serbia, with international capabilities.",
|
||||
},
|
||||
]}
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common inquiries regarding our services."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer international shipping?", content: "Yes, we handle international logistics." },
|
||||
{ id: "f2", title: "How to request a quote?", content: "Use our contact form." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
<ContactCTA
|
||||
tag="Contact"
|
||||
title="Get in Touch"
|
||||
description="Ready to discuss your logistics needs? Reach out to Prigo d.o.o. today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468861.jpg"
|
||||
imageAlt="Scene with photorealistic logistics operations and proceedings"
|
||||
description="Ready to discuss your logistics needs?"
|
||||
buttons={[{ text: "Submit" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Transport",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Warehousing",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterLogoEmphasis
|
||||
logoText="Prigo d.o.o."
|
||||
copyrightText="© 2025 Prigo d.o.o. Ub"
|
||||
columns={[
|
||||
{ items: [{ label: "Services" }, { label: "About" }] },
|
||||
{ items: [{ label: "Contact" }, { label: "Privacy" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user