8 Commits

Author SHA1 Message Date
9f83f89224 Merge version_3 into main
Merge version_3 into main
2026-03-04 19:07:46 +00:00
dc12e3a54d Update src/app/page.tsx 2026-03-04 19:07:41 +00:00
cd75ac490a Update src/app/layout.tsx 2026-03-04 19:07:41 +00:00
50c3560f14 Merge version_2 into main
Merge version_2 into main
2026-03-04 19:04:37 +00:00
bfc4075611 Update src/app/styles/variables.css 2026-03-04 19:04:32 +00:00
993691a8d3 Update src/app/page.tsx 2026-03-04 19:04:32 +00:00
e1d89a9a94 Update src/app/layout.tsx 2026-03-04 19:04:32 +00:00
eaf7a121e0 Merge version_1 into main
Merge version_1 into main
2026-03-03 22:41:35 +00:00
3 changed files with 41 additions and 94 deletions

View File

@@ -20,10 +20,12 @@ const inter = Inter({
});
export const metadata: Metadata = {
title: "Avila Construction Services | Expert Residential & Commercial Building", description: "Professional construction services for residential and commercial projects. 25+ years of experience delivering quality builds, renovations, and project management.", keywords: "construction services, residential construction, commercial building, renovation contractor, custom homes", openGraph: {
title: "Avila Construction Services | Expert Building Solutions", description: "Professional construction services delivering quality residential and commercial projects with 25+ years of industry experience.", siteName: "Avila Construction Services", type: "website"},
title: "Avila Construction Services | Expert Residential & Commercial Building", description: "Professional construction services for residential and commercial projects. 25+ years of experience delivering quality builds, renovations, and project management. Call us at 256-843-9875.", keywords: "construction services, residential construction, commercial building, renovation contractor, custom homes", openGraph: {
title: "Avila Construction Services | Expert Building Solutions", description: "Professional construction services delivering quality residential and commercial projects with 25+ years of industry experience.", siteName: "Avila Construction Services", type: "website"
},
twitter: {
card: "summary_large_image", title: "Avila Construction Services", description: "Professional construction and renovation services for residential and commercial projects."},
card: "summary_large_image", title: "Avila Construction Services", description: "Professional construction and renovation services for residential and commercial projects."
}
};
export default function RootLayout({
@@ -1410,4 +1412,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

View File

@@ -5,10 +5,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
@@ -32,7 +29,6 @@ export default function LandingPage() {
brandName="Avila Construction"
navItems={[
{ name: "Services", id: "services" },
{ name: "Portfolio", id: "portfolio" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
@@ -42,7 +38,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
title="Build Your Vision With Professional Excellence"
description="Avila Construction Services delivers high-quality construction and renovation solutions with attention to detail, superior craftsmanship, and uncompromising reliability. From residential to commercial projects, we bring your dreams to life."
description="Avila Construction Services delivers high-quality construction and renovation solutions with attention to detail, superior craftsmanship, and uncompromising reliability. From residential to commercial projects, we bring your dreams to life. Call us at 256-843-9875 for a free consultation."
tag="Construction Solutions"
tagIcon={Hammer}
background={{ variant: "plain" }}
@@ -50,13 +46,14 @@ export default function LandingPage() {
ratingText="Trusted by 500+ satisfied clients"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/three-men-communicating-construction-site_259150-57854.jpg", imageAlt: "construction building site professional crew modern construction"},
imageSrc: "http://img.b2bpic.net/free-photo/three-men-communicating-construction-site_259150-57854.jpg", imageAlt: "construction building site professional crew modern construction"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg", imageAlt: "construction project building completion workers site management"},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg", imageAlt: "construction project building completion workers site management"
}
]}
buttons={[
{ text: "Get a Free Quote", href: "#contact" },
{ text: "View Our Work", href: "#portfolio" },
]}
mediaAnimation="slide-up"
/>
@@ -70,22 +67,28 @@ export default function LandingPage() {
features={[
{
icon: Home,
title: "Residential Construction", description: "Custom home building, additions, and renovations designed to exceed your expectations with quality craftsmanship."},
title: "Residential Construction", description: "Custom home building, additions, and renovations designed to exceed your expectations with quality craftsmanship."
},
{
icon: Building2,
title: "Commercial Projects", description: "Full-scale commercial construction from planning through completion, delivered on time and within budget."},
title: "Commercial Projects", description: "Full-scale commercial construction from planning through completion, delivered on time and within budget."
},
{
icon: Wrench,
title: "Renovation & Remodeling", description: "Transform your existing spaces with expert renovation services that blend functionality with modern design aesthetics."},
title: "Renovation & Remodeling", description: "Transform your existing spaces with expert renovation services that blend functionality with modern design aesthetics."
},
{
icon: CheckCircle,
title: "Project Management", description: "Complete oversight of your project ensuring quality standards, timely delivery, and transparent communication throughout."},
title: "Project Management", description: "Complete oversight of your project ensuring quality standards, timely delivery, and transparent communication throughout."
},
{
icon: Shield,
title: "Licensed & Insured", description: "Full licensing and comprehensive insurance coverage providing peace of mind on every project we undertake."},
title: "Licensed & Insured", description: "Full licensing and comprehensive insurance coverage providing peace of mind on every project we undertake."
},
{
icon: Zap,
title: "Sustainable Building", description: "Energy-efficient construction practices using eco-friendly materials and modern techniques for sustainable results."},
title: "Sustainable Building", description: "Energy-efficient construction practices using eco-friendly materials and modern techniques for sustainable results."
},
]}
textboxLayout="default"
animationType="slide-up"
@@ -93,99 +96,41 @@ export default function LandingPage() {
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardFour
title="Featured Projects"
description="Explore a selection of our most successful projects showcasing our commitment to quality, innovation, and client satisfaction."
tag="Portfolio"
products={[
{
id: "1", name: "Riverside Luxury Homes", price: "$2.5M", variant: "Residential Development • 45 Units", imageSrc: "http://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg", imageAlt: "completed construction modern building commercial property finished project"},
{
id: "2", name: "Downtown Commerce Plaza", price: "$5.8M", variant: "Commercial Office • 85,000 sq ft", imageSrc: "http://img.b2bpic.net/free-photo/group-four-people-standing-construction-site_259150-60525.jpg", imageAlt: "residential development home community construction completed new homes"},
{
id: "3", name: "Historic Manor Restoration", price: "$850K", variant: "Renovation Project • 12,000 sq ft", imageSrc: "http://img.b2bpic.net/free-photo/workers-talking-phone-doing-paperwork_23-2147668775.jpg", imageAlt: "renovation project modern interior remodeled space home renovation"},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
heading={[
{
type: "text", content: "With over 25 years of industry experience, Avila Construction has established itself as the premier choice for"},
type: "text", content: "With over 25 years of industry experience, Avila Construction has established itself as the premier choice for"
},
{
type: "text", content: "residential and commercial projects. Our team combines traditional craftsmanship with modern techniques to deliver exceptional results on every build."},
type: "text", content: "residential and commercial projects. Our team combines traditional craftsmanship with modern techniques to deliver exceptional results on every build."
}
]}
buttons={[{ text: "Learn Our Story", href: "#" }]}
useInvertedBackground={true}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
title="Our Track Record"
description="Proven results and measurable success across hundreds of completed projects nationwide."
metrics={[
{
id: "1", value: "850+", title: "Projects Completed", description: "Successfully delivered across residential and commercial sectors", imageSrc: "http://img.b2bpic.net/free-photo/inspectors-interacting_1098-14279.jpg?_wi=1", imageAlt: "construction team professional workers building team construction crew"},
{
id: "2", value: "98%", title: "Client Satisfaction", description: "Consistent quality and reliability across all our projects", imageSrc: "http://img.b2bpic.net/free-photo/inspectors-interacting_1098-14279.jpg?_wi=2", imageAlt: "construction team professional workers building team construction crew"},
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
title="What Our Clients Say"
description="Hear directly from property owners and business leaders who have experienced our service excellence firsthand."
testimonials={[
{
id: "1", name: "Sarah Mitchell", role: "Homeowner", company: "Riverside Community", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg", imageAlt: "professional portrait business person company executive business portrait"},
{
id: "2", name: "James Rodriguez", role: "Business Owner", company: "Commerce Plaza Retail", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "business portrait professional headshot company manager business professional"},
{
id: "3", name: "Elizabeth Chen", role: "Property Manager", company: "Historic Properties Inc", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "professional photo business person executive portrait company representative"},
{
id: "4", name: "Michael Torres", role: "Developer", company: "Urban Development Co", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "business headshot professional portrait company person executive photo"},
]}
kpiItems={[
{ value: "25+", label: "Years in Business" },
{ value: "500+", label: "Happy Clients" },
{ value: "99%", label: "On-Time Delivery" },
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
title="Frequently Asked Questions"
description="Get answers to common questions about our construction services, processes, and project management approach."
faqs={[
{
id: "1", title: "How do you provide accurate project quotes?", content: "We conduct a thorough site assessment, review all specifications, and provide detailed written quotes within 48 hours. Our quotes include materials, labor, timeline, and any contingencies."},
id: "1", title: "How do you provide accurate project quotes?", content: "We conduct a thorough site assessment, review all specifications, and provide detailed written quotes within 48 hours. Our quotes include materials, labor, timeline, and any contingencies."
},
{
id: "2", title: "What is your project timeline typically?", content: "Timelines vary based on project scope. Residential projects typically take 3-6 months, while commercial projects may take 6-18 months. We always provide a detailed schedule and communicate any changes immediately."},
id: "2", title: "What is your project timeline typically?", content: "Timelines vary based on project scope. Residential projects typically take 3-6 months, while commercial projects may take 6-18 months. We always provide a detailed schedule and communicate any changes immediately."
},
{
id: "3", title: "Are you licensed and insured?", content: "Yes, Avila Construction is fully licensed, bonded, and insured. We maintain comprehensive coverage including general liability, workers' compensation, and project-specific insurance."},
id: "3", title: "Are you licensed and insured?", content: "Yes, Avila Construction is fully licensed, bonded, and insured. We maintain comprehensive coverage including general liability, workers' compensation, and project-specific insurance."
},
{
id: "4", title: "Do you offer warranties on your work?", content: "We stand behind our work with a 2-year warranty on all labor and materials. We also honor manufacturer warranties on all installed systems and components."},
id: "4", title: "Do you offer warranties on your work?", content: "We stand behind our work with a 2-year warranty on all labor and materials. We also honor manufacturer warranties on all installed systems and components."
},
{
id: "5", title: "Can you work with my existing contractors?", content: "Absolutely. We have extensive experience coordinating with architects, engineers, and specialty contractors to ensure seamless project execution and quality results."},
id: "5", title: "Can you work with my existing contractors?", content: "Absolutely. We have extensive experience coordinating with architects, engineers, and specialty contractors to ensure seamless project execution and quality results."
}
]}
textboxLayout="default"
useInvertedBackground={true}
@@ -197,7 +142,7 @@ export default function LandingPage() {
<ContactSplit
tag="Get Started"
title="Start Your Project Today"
description="Contact Avila Construction for a free consultation. Let's discuss your vision and create a plan to bring it to life with quality craftsmanship and professional service."
description="Contact Avila Construction for a free consultation. Call us at 256-843-9875 or submit the form below. Let's discuss your vision and create a plan to bring it to life with quality craftsmanship and professional service."
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/shareholders-team-ensure-factory-follows-safety-procedures-before-investing_482257-119563.jpg"
@@ -219,4 +164,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}

View File

@@ -12,8 +12,8 @@
--background: #ffffff;;
--card: #f9f9f9;;
--foreground: #120006e6;;
--primary-cta: #e63946;;
--foreground: #000f06e6;;
--primary-cta: #0a7039;;
--primary-cta-text: #ffffff;;
--secondary-cta: #f9f9f9;;
--secondary-cta-text: #120006e6;;