bender/27367b43-3ff4-4b31-80b6-9551ef477fa2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-07 14:21:30 +00:00
parent 97ad349543
commit e4a3fb2d48
1 changed files with 65 additions and 263 deletions
Download Patch File Download Diff File Expand all files Collapse all files

328
src/app/page.tsx
View File

@@ -32,29 +32,17 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Projects",
id: "#projects",
},
name: "Projects", id: "#projects"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/brick-logo-template-design_23-2150367186.jpg"
logoAlt="Prima Sort Logo"
@@ -65,51 +53,28 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
title="Building Dreams into Reality: Prima Sort Construction"
description="Prima Sort delivers high-quality construction services across Asse, Belgium. From foundational work to finishing touches, we ensure excellence in every project, built on trust and precision."
buttons={[
{
text: "Get a Free Quote",
href: "#contact",
},
text: "Get a Free Quote", href: "#contact"},
{
text: "View Our Projects",
href: "#projects",
},
text: "View Our Projects", href: "#projects"},
]}
carouselItems={[
{
id: "hero-carousel-1",
imageSrc: "http://img.b2bpic.net/free-photo/young-male-architecture-writing-clipboard-construction-site_23-2148204019.jpg?_wi=1",
imageAlt: "Modern building construction site",
},
id: "hero-carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/young-male-architecture-writing-clipboard-construction-site_23-2148204019.jpg", imageAlt: "Modern building construction site"},
{
id: "hero-carousel-2",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-white-interior-modern-architecture_181624-21886.jpg?_wi=1",
imageAlt: "Interior of a newly built house",
},
id: "hero-carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-white-interior-modern-architecture_181624-21886.jpg", imageAlt: "Interior of a newly built house"},
{
id: "hero-carousel-3",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-1003.jpg",
imageAlt: "Commercial building facade",
},
id: "hero-carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-1003.jpg", imageAlt: "Commercial building facade"},
{
id: "hero-carousel-4",
imageSrc: "http://img.b2bpic.net/free-photo/fourth-block-chernobyl-nuclear-power-plant-30-years-after-explosion-nuclear-power-plant_627829-11676.jpg",
imageAlt: "Industrial warehouse construction",
},
id: "hero-carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/fourth-block-chernobyl-nuclear-power-plant-30-years-after-explosion-nuclear-power-plant_627829-11676.jpg", imageAlt: "Industrial warehouse construction"},
{
id: "hero-carousel-5",
imageSrc: "http://img.b2bpic.net/free-photo/people-working-construction-site_23-2151889148.jpg",
imageAlt: "Construction workers reviewing blueprints",
},
id: "hero-carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/people-working-construction-site_23-2151889148.jpg", imageAlt: "Construction workers reviewing blueprints"},
{
id: "hero-carousel-6",
imageSrc: "http://img.b2bpic.net/free-photo/green-building-with-vertical-gardens_23-2151990795.jpg",
imageAlt: "Sustainable green building exterior",
},
id: "hero-carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/green-building-with-vertical-gardens_23-2151990795.jpg", imageAlt: "Sustainable green building exterior"},
]}
autoPlay={true}
/>
@@ -122,21 +87,13 @@ export default function LandingPage() {
description="Prima Sort has been a cornerstone in Belgian construction for over 10 years, delivering projects on time and within budget, with an unwavering commitment to quality and client satisfaction. Our expertise spans residential, commercial, and industrial builds, ensuring every structure is built to last and exceed expectations."
metrics={[
{
value: "10+",
title: "Years Experience",
},
value: "10+", title: "Years Experience"},
{
value: "250+",
title: "Projects Completed",
},
value: "250+", title: "Projects Completed"},
{
value: "98%",
title: "Client Satisfaction",
},
value: "98%", title: "Client Satisfaction"},
{
value: "100%",
title: "Safety Record",
},
value: "100%", title: "Safety Record"},
]}
imageSrc="http://img.b2bpic.net/free-photo/relax-area-hotel_1150-10812.jpg"
imageAlt="Prima Sort professional office interior"
@@ -152,46 +109,22 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Residential Construction",
description: "From dream homes to multi-unit dwellings, we build custom residences tailored to your lifestyle, focusing on quality, sustainability, and aesthetic appeal.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004745.jpg",
imageAlt: "Luxury residential construction site",
},
title: "Residential Construction", description: "From dream homes to multi-unit dwellings, we build custom residences tailored to your lifestyle, focusing on quality, sustainability, and aesthetic appeal.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004745.jpg", imageAlt: "Luxury residential construction site"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-white-table-mug-green-salad_1163-2249.jpg",
imageAlt: "Stylish new home interior",
},
imageSrc: "http://img.b2bpic.net/free-vector/brick-logo-template-design_23-2150367186.jpg",
imageAlt: "luxury residential construction site drone",
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-white-table-mug-green-salad_1163-2249.jpg", imageAlt: "Stylish new home interior"}
},
{
title: "Commercial & Industrial",
description: "Developing robust and functional spaces for businesses, including offices, retail centers, warehouses, and industrial facilities, designed for efficiency and growth.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7566.jpg",
imageAlt: "Commercial office building construction exterior",
},
title: "Commercial & Industrial", description: "Developing robust and functional spaces for businesses, including offices, retail centers, warehouses, and industrial facilities, designed for efficiency and growth.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7566.jpg", imageAlt: "Commercial office building construction exterior"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-project_23-2149721887.jpg",
imageAlt: "Sleek modern office interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-male-architecture-writing-clipboard-construction-site_23-2148204019.jpg?_wi=2",
imageAlt: "luxury residential construction site drone",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-project_23-2149721887.jpg", imageAlt: "Sleek modern office interior"}
},
{
title: "Renovations & Extensions",
description: "Transforming existing spaces with expert renovations and seamless extensions, enhancing functionality and modernizing aesthetics while preserving structural integrity.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/urban-environment-with-grunge-aesthetic_23-2150943422.jpg",
imageAlt: "Home renovation project interior demolition",
},
title: "Renovations & Extensions", description: "Transforming existing spaces with expert renovations and seamless extensions, enhancing functionality and modernizing aesthetics while preserving structural integrity.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/urban-environment-with-grunge-aesthetic_23-2150943422.jpg", imageAlt: "Home renovation project interior demolition"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-tool-box-ready-fixing-problems-bathroom_23-2150990694.jpg",
imageAlt: "Beautifully renovated modern kitchen",
},
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-white-interior-modern-architecture_181624-21886.jpg?_wi=2",
imageAlt: "luxury residential construction site drone",
imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-tool-box-ready-fixing-problems-bathroom_23-2150990694.jpg", imageAlt: "Beautifully renovated modern kitchen"}
},
]}
showStepNumbers={true}
@@ -208,53 +141,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "project-1",
name: "Modern Villa Asse",
price: "€1.2M",
variant: "Residential",
imageSrc: "http://img.b2bpic.net/free-photo/skyline-new-york-city-sunset_23-2148287797.jpg",
imageAlt: "Luxurious modern villa exterior",
},
id: "project-1", name: "Modern Villa Asse", price: "€1.2M", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/skyline-new-york-city-sunset_23-2148287797.jpg", imageAlt: "Luxurious modern villa exterior"},
{
id: "project-2",
name: "Central Office Complex",
price: "€5.8M",
variant: "Commercial",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-walking-with-colleague-outside-office-building_107420-74360.jpg",
imageAlt: "Corporate office tower exterior",
},
id: "project-2", name: "Central Office Complex", price: "€5.8M", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/businessman-walking-with-colleague-outside-office-building_107420-74360.jpg", imageAlt: "Corporate office tower exterior"},
{
id: "project-3",
name: "Boutique Retail Store",
price: "€750K",
variant: "Commercial",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-gorgeous-woman-red-blouse-jeans-holding-cup-coffee-shopping-mall_627829-9623.jpg",
imageAlt: "Modern retail store exterior",
},
id: "project-3", name: "Boutique Retail Store", price: "€750K", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/portrait-gorgeous-woman-red-blouse-jeans-holding-cup-coffee-shopping-mall_627829-9623.jpg", imageAlt: "Modern retail store exterior"},
{
id: "project-4",
name: "Urban Apartment Block",
price: "€3.5M",
variant: "Residential",
imageSrc: "http://img.b2bpic.net/free-photo/black-hair-sexy-woman-glasses-coat-posed-against-building-with-modern-windows_627829-8626.jpg",
imageAlt: "Contemporary apartment building",
},
id: "project-4", name: "Urban Apartment Block", price: "€3.5M", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/black-hair-sexy-woman-glasses-coat-posed-against-building-with-modern-windows_627829-8626.jpg", imageAlt: "Contemporary apartment building"},
{
id: "project-5",
name: "Industrial Warehouse",
price: "€2.1M",
variant: "Industrial",
imageSrc: "http://img.b2bpic.net/free-photo/arranging-order-deliveries-using-invoice-identification-codes_482257-83415.jpg",
imageAlt: "Industrial warehouse facility exterior",
},
id: "project-5", name: "Industrial Warehouse", price: "€2.1M", variant: "Industrial", imageSrc: "http://img.b2bpic.net/free-photo/arranging-order-deliveries-using-invoice-identification-codes_482257-83415.jpg", imageAlt: "Industrial warehouse facility exterior"},
{
id: "project-6",
name: "Historic Manor Renovation",
price: "€900K",
variant: "Renovation",
imageSrc: "http://img.b2bpic.net/free-photo/brick-building-with-sky-background_1162-30.jpg",
imageAlt: "Historic building renovation",
},
id: "project-6", name: "Historic Manor Renovation", price: "€900K", variant: "Renovation", imageSrc: "http://img.b2bpic.net/free-photo/brick-building-with-sky-background_1162-30.jpg", imageAlt: "Historic building renovation"},
]}
title="Our Completed Projects"
description="Explore a selection of our successful construction endeavors, showcasing our versatility, craftsmanship, and dedication to delivering exceptional results for every client."
@@ -268,34 +165,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "metric-1",
value: "250+",
title: "Projects Completed",
items: [
"On-time delivery",
"Budget adherence",
"Quality assurance",
],
id: "metric-1", value: "250+", title: "Projects Completed", items: [
"On-time delivery", "Budget adherence", "Quality assurance"],
},
{
id: "metric-2",
value: "10+",
title: "Years in Business",
items: [
"Experienced team",
"Industry leadership",
"Trusted partner",
],
id: "metric-2", value: "10+", title: "Years in Business", items: [
"Experienced team", "Industry leadership", "Trusted partner"],
},
{
id: "metric-3",
value: "98%",
title: "Client Satisfaction",
items: [
"Glowing testimonials",
"Repeat clientele",
"Strong relationships",
],
id: "metric-3", value: "98%", title: "Client Satisfaction", items: [
"Glowing testimonials", "Repeat clientele", "Strong relationships"],
},
]}
title="Proven Results, Solid Foundations"
@@ -310,45 +189,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Jan Van der Velde",
handle: "@janvandervelde",
testimonial: "Prima Sort transformed our old commercial space into a modern, highly functional office. Their team was professional, efficient, and delivered beyond our expectations. Truly a pleasure to work with!",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
imageAlt: "Jan Van der Velde",
},
id: "1", name: "Jan Van der Velde", handle: "@janvandervelde", testimonial: "Prima Sort transformed our old commercial space into a modern, highly functional office. Their team was professional, efficient, and delivered beyond our expectations. Truly a pleasure to work with!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", imageAlt: "Jan Van der Velde"},
{
id: "2",
name: "Sofie Mertens",
handle: "@sofiem",
testimonial: "Building our dream home with Prima Sort was an incredible experience. They guided us through every step, listened to our ideas, and delivered a house that is not only beautiful but also meticulously crafted. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086827.jpg",
imageAlt: "Sofie Mertens",
},
id: "2", name: "Sofie Mertens", handle: "@sofiem", testimonial: "Building our dream home with Prima Sort was an incredible experience. They guided us through every step, listened to our ideas, and delivered a house that is not only beautiful but also meticulously crafted. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086827.jpg", imageAlt: "Sofie Mertens"},
{
id: "3",
name: "Thomas De Clercq",
handle: "@thomasdc",
testimonial: "For our industrial expansion, we needed a reliable partner. Prima Sort excelled in project management and execution, ensuring minimal disruption to our operations and a high-quality finish.",
imageSrc: "http://img.b2bpic.net/free-photo/young-construction-worker-safety-helmet-glasses_176474-86014.jpg",
imageAlt: "Thomas De Clercq",
},
id: "3", name: "Thomas De Clercq", handle: "@thomasdc", testimonial: "For our industrial expansion, we needed a reliable partner. Prima Sort excelled in project management and execution, ensuring minimal disruption to our operations and a high-quality finish.", imageSrc: "http://img.b2bpic.net/free-photo/young-construction-worker-safety-helmet-glasses_176474-86014.jpg", imageAlt: "Thomas De Clercq"},
{
id: "4",
name: "Anja Dubois",
handle: "@anjad",
testimonial: "The renovation of our historic property was handled with incredible care and expertise. Prima Sort seamlessly blended modern amenities with the building's original charm. Outstanding work!",
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-smart-business-woman-black-casual-suit-working-with-computer-urban-office_640221-194.jpg",
imageAlt: "Anja Dubois",
},
id: "4", name: "Anja Dubois", handle: "@anjad", testimonial: "The renovation of our historic property was handled with incredible care and expertise. Prima Sort seamlessly blended modern amenities with the building's original charm. Outstanding work!", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-smart-business-woman-black-casual-suit-working-with-computer-urban-office_640221-194.jpg", imageAlt: "Anja Dubois"},
{
id: "5",
name: "Pieter & Laura",
handle: "@pieter_laura",
testimonial: "We couldn't be happier with our new apartment complex built by Prima Sort. The attention to detail and quality of construction are evident throughout. A fantastic investment!",
imageSrc: "http://img.b2bpic.net/free-photo/couple-love-packing-things-boxes-moving-labeling-boxes-wife-husband-buy-new-house-relocating-new-place-room-with-yellow-sofa-white-wall_197531-1631.jpg",
imageAlt: "Pieter and Laura",
},
id: "5", name: "Pieter & Laura", handle: "@pieter_laura", testimonial: "We couldn't be happier with our new apartment complex built by Prima Sort. The attention to detail and quality of construction are evident throughout. A fantastic investment!", imageSrc: "http://img.b2bpic.net/free-photo/couple-love-packing-things-boxes-moving-labeling-boxes-wife-husband-buy-new-house-relocating-new-place-room-with-yellow-sofa-white-wall_197531-1631.jpg", imageAlt: "Pieter and Laura"},
]}
title="What Our Clients Say About Prima Sort"
description="Hear directly from those who have experienced the Prima Sort difference in their construction journeys. Their satisfaction is our greatest accomplishment."
@@ -362,15 +211,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Architech Solutions",
"Structura Engineers",
"EcoBuild Belgium",
"Urban Developers",
"Property Innovations",
"Industrial Spaces Ltd.",
"Residential Design Co.",
"Asse City Council",
]}
"Architech Solutions", "Structura Engineers", "EcoBuild Belgium", "Urban Developers", "Property Innovations", "Industrial Spaces Ltd.", "Residential Design Co.", "Asse City Council"]}
title="Our Valued Partners"
description="We collaborate with leading architects, engineers, and suppliers to ensure every project benefits from the best materials and expertise in the industry."
speed={40}
@@ -385,34 +226,20 @@ export default function LandingPage() {
description="Ready to start your next construction project? Contact us for a free consultation and quote. Our team is eager to discuss your needs and bring your ideas to life."
inputs={[
{
name: "fullName",
type: "text",
placeholder: "Full Name",
required: true,
name: "fullName", type: "text", placeholder: "Full Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
name: "email", type: "email", placeholder: "Email Address", required: true,
},
{
name: "phoneNumber",
type: "tel",
placeholder: "Phone Number",
required: false,
name: "phoneNumber", type: "tel", placeholder: "Phone Number", required: false,
},
{
name: "companyName",
type: "text",
placeholder: "Company Name (Optional)",
required: false,
name: "companyName", type: "text", placeholder: "Company Name (Optional)", required: false,
},
]}
textarea={{
name: "projectDetails",
placeholder: "Tell us about your project...",
rows: 5,
name: "projectDetails", placeholder: "Tell us about your project...", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas-office_176420-1697.jpg"
@@ -430,62 +257,37 @@ export default function LandingPage() {
logoText="Prima Sort"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Residential",
href: "#services",
},
label: "Residential", href: "#services"},
{
label: "Commercial",
href: "#services",
},
label: "Commercial", href: "#services"},
{
label: "Industrial",
href: "#services",
},
label: "Industrial", href: "#services"},
{
label: "Renovations",
href: "#services",
},
label: "Renovations", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Projects",
href: "#projects",
},
label: "Projects", href: "#projects"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "LinkedIn",
href: "https://linkedin.com/primasort",
},
label: "LinkedIn", href: "https://linkedin.com/primasort"},
{
label: "Facebook",
href: "https://facebook.com/primasort",
},
label: "Facebook", href: "https://facebook.com/primasort"},
{
label: "info@primasort.be",
href: "mailto:info@primasort.be",
},
label: "info@primasort.be", href: "mailto:info@primasort.be"},
],
},
]}