286 lines
19 KiB
TypeScript
286 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Hammer, Building2, Award, Zap, Users, Star, Phone } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLarge"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Projects", id: "projects" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="VelAr"
|
|
bottomLeftText="Professional Construction"
|
|
bottomRightText="hello@velar.construction"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="VelAr: Building Trust, Delivering Excellence"
|
|
description="Professional construction solutions for residential and commercial projects. From concept to completion, we bring your vision to life with precision and reliability."
|
|
tag="Excellence in Construction"
|
|
tagIcon={Hammer}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/team-three-architects_23-2147702510.jpg"
|
|
imageAlt="Professional construction project"
|
|
imagePosition="right"
|
|
background={{ variant: "glowing-orb" }}
|
|
testimonials={[
|
|
{
|
|
name: "Dmitri Petrov", handle: "Project Manager, Moscow Developments", testimonial: "VelAr's attention to detail and project management is exceptional. They delivered our complex residential project ahead of schedule.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-blue-suit-posing-white-artistic-wall-from-bricks_613910-3011.jpg"},
|
|
{
|
|
name: "Elena Sokolov", handle: "Director, St. Petersburg Construction", testimonial: "Professional team, transparent communication, and superior craftsmanship. VelAr is our go-to partner for all major commercial projects.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2893.jpg"},
|
|
{
|
|
name: "Igor Volkov", handle: "Property Developer", testimonial: "Reliable, efficient, and committed to excellence. VelAr transformed our vision into reality with remarkable precision.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18996.jpg"},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
buttons={[
|
|
{ text: "View Our Projects", href: "projects" },
|
|
{ text: "Request Quote", href: "contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaAnimation="opacity"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Building Trust Through Quality"
|
|
description="With over 15 years of excellence in construction, VelAr specializes in delivering residential and commercial projects that exceed expectations. Our commitment to transparent communication, meticulous planning, and superior craftsmanship has earned the trust of developers and homeowners across the region."
|
|
tag="Our Expertise"
|
|
tagIcon={Building2}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/three-architects-with-plan-table_23-2147702513.jpg"
|
|
imageAlt="VelAr professional construction team"
|
|
buttons={[{ text: "Learn More About Us", href: "#services" }]}
|
|
buttonAnimation="opacity"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="projects" data-section="projects">
|
|
<ProductCardOne
|
|
title="Completed Projects"
|
|
description="Explore our portfolio of successfully completed residential and commercial construction projects. Each project demonstrates our commitment to quality, timeline adherence, and client satisfaction."
|
|
tag="Portfolio"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", name: "Modern Residential Complex", price: "12M RUB", imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836758.jpg", imageAlt: "Modern residential complex exterior"},
|
|
{
|
|
id: "2", name: "Commercial Office Building", price: "28M RUB", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-building-with-many-windows_23-2148252801.jpg", imageAlt: "Contemporary office building"},
|
|
{
|
|
id: "3", name: "Renovation & Restoration", price: "5.5M RUB", imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086830.jpg", imageAlt: "Restored historic building"},
|
|
{
|
|
id: "4", name: "Residential Villa Development", price: "18M RUB", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg", imageAlt: "Luxury villa development"},
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "View All Projects", href: "projects" }]}
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNineteen
|
|
title="Our Construction Process"
|
|
description="We follow a systematic, transparent approach to ensure every project exceeds expectations from initial consultation through project completion."
|
|
tag="How We Work"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Phase One", title: "Consultation & Planning", subtitle: "Understanding your vision and requirements", description: "We begin with comprehensive consultations to understand your project goals, budget, and timeline. Our team develops detailed plans and specifications ensuring clarity before any work begins.", imageSrc: "http://img.b2bpic.net/free-photo/teamwork-scene_23-2147626392.jpg", imageAlt: "Project planning and consultation"},
|
|
{
|
|
id: 2,
|
|
tag: "Phase Two", title: "Design & Permits", subtitle: "Professional design execution and regulatory compliance", description: "Our experienced architects and engineers create detailed designs and manage all necessary permits and approvals. We ensure full compliance with local building codes and regulations.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-man_23-2148825898.jpg", imageAlt: "Architectural design review"},
|
|
{
|
|
id: 3,
|
|
tag: "Phase Three", title: "Construction & Management", subtitle: "Expert execution with rigorous quality control", description: "Our skilled construction teams execute the project with precision. We maintain transparent communication, regular progress updates, and rigorous quality inspections throughout construction.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-with-helmets_23-2148269322.jpg", imageAlt: "Active construction site management"},
|
|
{
|
|
id: 4,
|
|
tag: "Phase Four", title: "Completion & Handover", subtitle: "Final inspections and professional project closure", description: "Upon completion, we conduct thorough final inspections and provide comprehensive documentation. We stand behind our work with professional warranties and ongoing support.", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-investment-expert-entrepreneur-planning-office-space-relocation_482257-91189.jpg", imageAlt: "Project completion and handover"},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Request Consultation", href: "contact" }]}
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
title="Meet Our Leadership Team"
|
|
description="Our experienced team of construction professionals brings decades of combined expertise to every project."
|
|
tag="Expert Team"
|
|
tagIcon={Users}
|
|
tagAnimation="slide-up"
|
|
team={[
|
|
{
|
|
id: "1", name: "Sergei Orlov", role: "Founder & CEO", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg"},
|
|
{
|
|
id: "2", name: "Marina Volkova", role: "Project Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-sitting-living-room-eating-snack-after-work-person-with-chips-delivery-bag-couch-looking-camera-smiling-adult-relaxing-with-takeaway-meal_482257-30522.jpg"},
|
|
{
|
|
id: "3", name: "Alexei Sokolov", role: "Chief Architect", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-helmet_23-2148921426.jpg"},
|
|
{
|
|
id: "4", name: "Natalia Fedorova", role: "Quality Assurance Manager", imageSrc: "http://img.b2bpic.net/free-photo/content-caucasian-businesswoman-standing-with-folded-hands-portrait-confident-adult-beautiful-female-office-employer-black-blouse-posing-work-business-company-management-concept_74855-6952.jpg"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="Our Track Record of Success"
|
|
tag="Proven Results"
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "150+", description: "Successfully completed projects across residential and commercial sectors"},
|
|
{
|
|
id: "2", value: "98%", description: "Client satisfaction rate with repeat business and referral recommendations"},
|
|
{
|
|
id: "3", value: "15+", description: "Years of construction excellence and industry leadership"},
|
|
{
|
|
id: "4", value: "200M+", description: "RUB in completed project value demonstrating scale and capability"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Client Testimonials"
|
|
description="Hear from our satisfied clients about their experience working with VelAr on their construction projects."
|
|
tag="Client Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Dmitri Petrov", role: "Project Manager, Moscow Developments", testimonial: "VelAr exceeded our expectations in every way. Their professional approach, attention to detail, and commitment to timelines made this complex project seamless.", imageSrc: "http://img.b2bpic.net/free-photo/man-blue-suit-posing-white-artistic-wall-from-bricks_613910-3011.jpg"},
|
|
{
|
|
id: "2", name: "Elena Sokolov", role: "Commercial Director", testimonial: "Working with VelAr was outstanding. They handled every aspect professionally and kept us informed throughout the entire construction process.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2893.jpg"},
|
|
{
|
|
id: "3", name: "Igor Volkov", role: "Residential Developer", testimonial: "The quality of work and professionalism demonstrated by VelAr is unmatched. They are our trusted partner for major construction projects.", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18996.jpg"},
|
|
{
|
|
id: "4", name: "Yulia Moroz", role: "Property Owner", testimonial: "From start to finish, VelAr delivered exceptional service. Their transparent communication and superior craftsmanship give me complete confidence.", imageSrc: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg"},
|
|
{
|
|
id: "5", name: "Mikhail Lebedev", role: "Construction Manager", testimonial: "VelAr's team brings expertise, reliability, and genuine care to every project. A true partner in construction excellence.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-businessman-having-his-arms-crossed_23-2148763885.jpg"},
|
|
{
|
|
id: "6", name: "Anna Volkova", role: "Facility Director", testimonial: "Professional, punctual, and precise. VelAr sets the standard for quality construction work in our region.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman-with-folded-arms-looking-camera_23-2147876783.jpg"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Start Your Project?"
|
|
ctaDescription="Get in touch with our team today to discuss your construction needs and receive a professional quote."
|
|
ctaButton={{ text: "Request Free Consultation", href: "contact" }}
|
|
ctaIcon={Phone}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What types of projects do you handle?", content: "We specialize in both residential and commercial construction projects, from new builds to renovations and restorations. Our experience spans residential complexes, office buildings, villas, and specialized commercial spaces."},
|
|
{
|
|
id: "2", title: "How long does a typical project take?", content: "Project timelines vary based on scope and complexity. We provide detailed timeline estimates during the consultation phase and maintain transparent progress communication throughout construction."},
|
|
{
|
|
id: "3", title: "What is your pricing model?", content: "We offer competitive, transparent pricing with detailed quotes. Our approach includes fixed-price contracts with clear scope definitions to ensure no hidden costs or surprises."},
|
|
{
|
|
id: "4", title: "Do you provide warranties on completed work?", content: "Yes, all our projects come with professional warranties covering workmanship and materials. We stand behind every project and provide ongoing support post-completion."},
|
|
{
|
|
id: "5", title: "How do you communicate project progress?", content: "We maintain transparent, regular communication through scheduled progress updates, site meetings, and photo documentation. Your project manager is available for consultations throughout construction."},
|
|
{
|
|
id: "6", title: "Are you licensed and insured?", content: "Yes, VelAr is fully licensed, insured, and compliant with all local building codes and regulations. We manage all necessary permits and approvals for your project."},
|
|
]}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="VelAr"
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Team", href: "#team" },
|
|
{ label: "Projects", href: "#projects" },
|
|
{ label: "Careers", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Residential Construction", href: "#services" },
|
|
{ label: "Commercial Projects", href: "#services" },
|
|
{ label: "Renovations", href: "#services" },
|
|
{ label: "Project Management", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Project Gallery", href: "#projects" },
|
|
{ label: "Client Testimonials", href: "#testimonials" },
|
|
{ label: "FAQ", href: "#contact" },
|
|
{ label: "Contact Us", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Email: hello@velar.construction", href: "mailto:hello@velar.construction" },
|
|
{ label: "Phone: +7 (495) 123-4567", href: "tel:+74951234567" },
|
|
{ label: "Address: Moscow, Russia", href: "#" },
|
|
{ label: "Business Hours: Mon-Fri 9AM-6PM", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 VelAr Construction. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|