bender/5c564e05-2980-40af-aab9-9f924a7ca3c0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-26 16:23:01 +00:00
Conversation 0 Commits 1 Files Changed 1 +49 -233
1 changed files with 49 additions and 233 deletions
Download Patch File Download Diff File Expand all files Collapse all files

282
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, Box, Building2, CheckCircle, Facebook, Instagram, Truck, Zap } from "lucide-react";
import { Award, Box, Building2, CheckCircle, Facebook, HardHat, Instagram, Truck, Zap } from "lucide-react";
export default function LandingPage() {
return (
@@ -31,120 +31,50 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Products",
id: "products",
},
{
name: "Projects",
id: "projects",
},
{
name: "Reviews",
id: "reviews",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Projects", id: "projects" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
]}
brandName="Sopaj Shpk"
button={{ text: "Get a Quote", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Strong Foundations. Reliable Supply. Proven Experience."
description="Sopaj Shpk is a leading provider of construction materials, ready-mixed concrete, and field construction services in the region of Prizren and beyond."
kpis={[
{
value: "20+",
label: "Years Experience",
},
{
value: "19+",
label: "Verified Reviews",
},
{
value: "4.6★",
label: "Customer Rating",
},
{ value: "20+", label: "Years Experience" },
{ value: "19+", label: "Verified Reviews" },
{ value: "4.6★", label: "Customer Rating" },
]}
enableKpiAnimation={true}
buttons={[
{
text: "Get a Quote",
href: "#contact",
},
{
text: "Call Now",
href: "tel:+38349661541",
},
{ text: "Get a Quote", href: "#contact" },
{ text: "Call Now", href: "tel:+38349661541" },
]}
imageSrc="http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431447.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431447.jpg"
imageAlt="large industrial construction site"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/little-child-with-binoculars-steps_23-2147770394.jpg",
alt: "Little child with binoculars at steps",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-against-traktor_627829-11391.jpg",
alt: "Close up portrait of brutal beard worker man suit construction worker in safety orange helmet against traktor",
},
{
src: "http://img.b2bpic.net/free-photo/man-builder-with-helmet-his-hands_169016-15093.jpg",
alt: "A man builder with a helmet in his hands",
},
{
src: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151333265.jpg",
alt: "Monochrome scene depicting life of workers on a construction industry site",
},
{
src: "http://img.b2bpic.net/free-photo/happy-female-construction-worker-with-folded-arms-standing-near-truck-sunlight_181624-55805.jpg",
alt: "Happy female construction worker with folded arms standing near a truck under the sunlight",
},
{ src: "http://img.b2bpic.net/free-photo/little-child-with-binoculars-steps_23-2147770394.jpg", alt: "Little child with binoculars at steps" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-against-traktor_627829-11391.jpg", alt: "Close up portrait of brutal beard worker man suit construction worker in safety orange helmet against traktor" },
{ src: "http://img.b2bpic.net/free-photo/man-builder-with-helmet-his-hands_169016-15093.jpg", alt: "A man builder with a helmet in his hands" },
{ src: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151333265.jpg", alt: "Monochrome scene depicting life of workers on a construction industry site" },
{ src: "http://img.b2bpic.net/free-photo/happy-female-construction-worker-with-folded-arms-standing-near-truck-sunlight_181624-55805.jpg", alt: "Happy female construction worker with folded arms standing near a truck under the sunlight" },
]}
avatarText="Trusted by 500+ local contractors"
marqueeItems={[
{
type: "text",
text: "Ready-Mixed Concrete",
},
{
type: "text-icon",
text: "Heavy Materials",
icon: Truck,
},
{
type: "text",
text: "Regional Logistics",
},
{
type: "text-icon",
text: "Verified Quality",
icon: CheckCircle,
},
{
type: "text",
text: "On-Site Expertise",
},
{ type: "text", text: "Ready-Mixed Concrete" },
{ type: "text-icon", text: "Heavy Materials", icon: Truck },
{ type: "text", text: "Regional Logistics" },
{ type: "text-icon", text: "Verified Quality", icon: CheckCircle },
{ type: "text", text: "On-Site Expertise" },
]}
/>
</div>
@@ -157,7 +87,7 @@ export default function LandingPage() {
description="Sopaj Shpk is a trusted construction materials supplier based in Prizren, serving contractors, builders, and infrastructure projects across the region."
subdescription="Known for reliability, strong logistics, and high-quality materials, we have built our reputation on consistency and trust. Every project starts here."
icon={Building2}
imageSrc="http://img.b2bpic.net/free-photo/construction-site_1203-2849.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/construction-site_1203-2849.jpg"
mediaAnimation="blur-reveal"
imageAlt="construction company supply site"
/>
@@ -170,54 +100,22 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Material Supply",
description: "High-quality raw materials for all construction types.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-indigenous-person-as-construction-worker_23-2151102434.jpg",
imageAlt: "large industrial construction site",
},
title: "Material Supply", description: "High-quality raw materials for all construction types.", media: { imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431447.jpg", imageAlt: "large industrial construction site" },
items: [
{
icon: Truck,
text: "Full scale supply",
},
{
icon: CheckCircle,
text: "Verified quality",
},
{
icon: Box,
text: "Diverse materials",
},
{ icon: Truck, text: "Full scale supply" },
{ icon: CheckCircle, text: "Verified quality" },
{ icon: Box, text: "Diverse materials" },
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431447.jpg?_wi=2",
imageAlt: "large industrial construction site",
},
{
title: "Ready-Mixed Concrete",
description: "Professionally prepared, high-strength concrete delivered with precision.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-climbing-retro-train_23-2147770307.jpg",
imageAlt: "construction company supply site",
},
title: "Ready-Mixed Concrete", description: "Professionally prepared, high-strength concrete delivered with precision.", media: { imageSrc: "http://img.b2bpic.net/free-photo/construction-site_1203-2849.jpg", imageAlt: "large industrial construction site" },
items: [
{
icon: Zap,
text: "Rapid delivery",
},
{
icon: HardHat,
text: "Pro-mix standards",
},
{
icon: Award,
text: "Structural strength",
},
{ icon: Zap, text: "Rapid delivery" },
{ icon: HardHat, text: "Pro-mix standards" },
{ icon: Award, text: "Structural strength" },
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/construction-site_1203-2849.jpg?_wi=2",
imageAlt: "large industrial construction site",
},
]}
title="What We Do"
@@ -229,26 +127,10 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Proven regional reputation",
content: "Over two decades serving Prizren and surrounding regions with excellence.",
},
{
id: "2",
title: "Consistent material quality",
content: "We ensure every batch of materials meets strict industrial standards.",
},
{
id: "3",
title: "Fast and reliable delivery",
content: "Our logistical network ensures your site never runs out of materials.",
},
{
id: "4",
title: "Expert on-site support",
content: "Our field teams coordinate with you to ensure project milestones are hit.",
},
{ id: "1", title: "Proven regional reputation", content: "Over two decades serving Prizren and surrounding regions with excellence." },
{ id: "2", title: "Consistent material quality", content: "We ensure every batch of materials meets strict industrial standards." },
{ id: "3", title: "Fast and reliable delivery", content: "Our logistical network ensures your site never runs out of materials." },
{ id: "4", title: "Expert on-site support", content: "Our field teams coordinate with you to ensure project milestones are hit." },
]}
sideTitle="Why Builders Trust Sopaj"
sideDescription="We deliver competitive pricing with reliable logistics, supporting contractors at every project stage."
@@ -262,30 +144,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
title: "Project Dedication",
description: "Focused on quality.",
imageSrc: "http://img.b2bpic.net/free-photo/workers-putting-metal-structure-construction_1122-980.jpg",
imageAlt: "concrete pouring construction site",
},
{
id: "m2",
value: "24/7",
title: "Supply Chain",
description: "Regional consistency.",
imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13307.jpg",
imageAlt: "large industrial construction site",
},
{
id: "m3",
value: "4.6★",
title: "Client Trust",
description: "Verified contractor rating.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19091.jpg",
imageAlt: "construction company supply site",
},
{ id: "m1", value: "100%", title: "Project Dedication", description: "Focused on quality.", imageSrc: "http://img.b2bpic.net/free-photo/workers-putting-metal-structure-construction_1122-980.jpg", imageAlt: "concrete pouring construction site" },
{ id: "m2", value: "24/7", title: "Supply Chain", description: "Regional consistency.", imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13307.jpg", imageAlt: "large industrial construction site" },
{ id: "m3", value: "4.6★", title: "Client Trust", description: "Verified contractor rating.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19091.jpg", imageAlt: "construction company supply site" },
]}
title="Building Reliability"
description="We don't just supply materials; we empower your construction success."
@@ -299,46 +160,11 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Local Contractor",
role: "Site Manager",
company: "Regional Builders",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/worker-leveling-fresh-floor-with-special-machine_651396-3523.jpg",
},
{
id: "2",
name: "Verified Customer",
role: "Developer",
company: "Sopaj Partner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-jogging-rainy-city_23-2147618039.jpg",
},
{
id: "3",
name: "Infrastructure Lead",
role: "Project Manager",
company: "Road Works Shpk",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/view-construction-work-site_1398-2983.jpg",
},
{
id: "4",
name: "Commercial Developer",
role: "Director",
company: "City Construction",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/view-construction-work-site_1398-2992.jpg",
},
{
id: "5",
name: "Residential Builder",
role: "Founder",
company: "Quality Home",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184973.jpg",
},
{ id: "1", name: "Local Contractor", role: "Site Manager", company: "Regional Builders", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/worker-leveling-fresh-floor-with-special-machine_651396-3523.jpg" },
{ id: "2", name: "Verified Customer", role: "Developer", company: "Sopaj Partner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-jogging-rainy-city_23-2147618039.jpg" },
{ id: "3", name: "Infrastructure Lead", role: "Project Manager", company: "Road Works Shpk", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-construction-work-site_1398-2983.jpg" },
{ id: "4", name: "Commercial Developer", role: "Director", company: "City Construction", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/view-construction-work-site_1398-2992.jpg" },
{ id: "5", name: "Residential Builder", role: "Founder", company: "Quality Home", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184973.jpg" },
]}
title="What Our Clients Say"
description="Join local contractors who build with confidence."
@@ -348,9 +174,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
tag="Contact Sopaj"
title="Start Your Project With Confidence"
description="High-quality materials delivered on time. Call us: +383 49 661 541"
@@ -363,16 +187,8 @@ export default function LandingPage() {
logoText="Sopaj Shpk"
copyrightText="© 2025 Sopaj Shpk. All rights reserved."
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
]}
/>
</div>