Merge version_1 into main #1
190
src/app/page.tsx
190
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Shield, Building, FileCheck } from 'lucide-react';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
@@ -29,123 +30,73 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Oslo Bygg"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Reliable Building and Renovation Services in Oslo"
|
||||
description="Professional construction solutions with clear documentation, fair pricing, and predictable results. We specialize in roof repairs, full replacements, and facade work."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Erik S.",
|
||||
handle: "@customer",
|
||||
testimonial: "Very professional and efficient work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg",
|
||||
},
|
||||
name: "Erik S.", handle: "@customer", testimonial: "Very professional and efficient work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg"},
|
||||
{
|
||||
name: "Marit K.",
|
||||
handle: "@customer",
|
||||
testimonial: "Clear communication and documentation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
},
|
||||
name: "Marit K.", handle: "@customer", testimonial: "Clear communication and documentation.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg"},
|
||||
{
|
||||
name: "Johan P.",
|
||||
handle: "@customer",
|
||||
testimonial: "The project was finished exactly as promised.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15669.jpg",
|
||||
},
|
||||
name: "Johan P.", handle: "@customer", testimonial: "The project was finished exactly as promised.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15669.jpg"},
|
||||
{
|
||||
name: "Ingrid B.",
|
||||
handle: "@customer",
|
||||
testimonial: "Competitively priced and high quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
},
|
||||
name: "Ingrid B.", handle: "@customer", testimonial: "Competitively priced and high quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg"},
|
||||
{
|
||||
name: "Sven H.",
|
||||
handle: "@customer",
|
||||
testimonial: "Smooth process from quote to completion.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-woman-holding-glasses_23-2148317324.jpg",
|
||||
},
|
||||
name: "Sven H.", handle: "@customer", testimonial: "Smooth process from quote to completion.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-woman-holding-glasses_23-2148317324.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg"
|
||||
imageAlt="Oslo building renovation project"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15669.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15669.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-business-woman-holding-glasses_23-2148317324.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-business-woman-holding-glasses_23-2148317324.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Roof Repair",
|
||||
},
|
||||
type: "text", text: "Roof Repair"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Facade Maintenance",
|
||||
},
|
||||
type: "text", text: "Facade Maintenance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Full Renovation",
|
||||
},
|
||||
type: "text", text: "Full Renovation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Qualified Staff",
|
||||
},
|
||||
type: "text", text: "Qualified Staff"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Detailed Documentation",
|
||||
},
|
||||
type: "text", text: "Detailed Documentation"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -156,9 +107,7 @@ export default function LandingPage() {
|
||||
title="Why Choose Us?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -169,28 +118,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Repairs",
|
||||
description: "Expert solutions for leaks, pipe fittings, and general damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Roof Repairs", description: "Expert solutions for leaks, pipe fittings, and general damage.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Full Roof Replacement",
|
||||
description: "High-quality, long-lasting roof installations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg",
|
||||
buttonIcon: "Shield",
|
||||
title: "Full Roof Replacement", description: "High-quality, long-lasting roof installations.", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Facade Renovation",
|
||||
description: "Specialized facade work for condominiums and homes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-wall-blue-sky_23-2148742517.jpg",
|
||||
buttonIcon: "Building",
|
||||
title: "Facade Renovation", description: "Specialized facade work for condominiums and homes.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-wall-blue-sky_23-2148742517.jpg", buttonIcon: Building,
|
||||
},
|
||||
{
|
||||
title: "Documentation",
|
||||
description: "Comprehensive follow-up documentation for your records.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessmen-analyzing-business-plan-tablet_23-2148252119.jpg",
|
||||
buttonIcon: "FileCheck",
|
||||
title: "Documentation", description: "Comprehensive follow-up documentation for your records.", imageSrc: "http://img.b2bpic.net/free-photo/businessmen-analyzing-business-plan-tablet_23-2148252119.jpg", buttonIcon: FileCheck,
|
||||
},
|
||||
]}
|
||||
title="Our Expertise"
|
||||
@@ -208,25 +145,13 @@ export default function LandingPage() {
|
||||
description="We believe in transparency and measurable results for every client."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Years of Experience"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "800+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
id: "m2", value: "800+", description: "Projects Completed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m3", value: "98%", description: "Customer Satisfaction"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "24h",
|
||||
description: "Average Response Time",
|
||||
},
|
||||
id: "m4", value: "24h", description: "Average Response Time"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -238,27 +163,16 @@ export default function LandingPage() {
|
||||
description="Ready for your next construction or renovation project? Contact us today for a professional quote."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Phone Number"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your project...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/calculator-pen-draft_23-2147785586.jpg"
|
||||
/>
|
||||
@@ -269,29 +183,19 @@ export default function LandingPage() {
|
||||
logoText="Oslo Bygg"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Roofing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Roofing", href: "#services"},
|
||||
{
|
||||
label: "Facade Work",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Facade Work", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user