Merge version_3 into main #4
260
src/app/page.tsx
260
src/app/page.tsx
@@ -1,231 +1,71 @@
|
||||
"use client";
|
||||
import { ThemeProvider } from "@/components/theme/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||||
import { Zap, Shield, BarChart3 } from "lucide-react";
|
||||
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { AlertCircle, CheckCircle, Hammer, Home, HelpCircle, Mail, MapPin, Phone, Shield, Star, Wrench, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const page = () => {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="noise"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About Us", id: "about" },
|
||||
{ name: "Our Services", id: "services" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact Us", id: "contact" },
|
||||
]}
|
||||
brandName="BlueForge"
|
||||
bottomLeftText="Sacramento, CA"
|
||||
bottomRightText="(530) 202-9004"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BlueForge"
|
||||
/>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Keeping Homes Comfortable with Care and Precision"
|
||||
description="Expert heating and air conditioning you can rely on. We provide dependable HVAC services designed to keep homes and businesses comfortable in every season. When your comfort is disrupted, it affects everything—from sleep and productivity to peace of mind."
|
||||
tag="Professional HVAC Services"
|
||||
tagIcon={Wrench}
|
||||
tagAnimation="slide-up"
|
||||
<HeroOverlay
|
||||
title="Expert HVAC Solutions for Sacramento"
|
||||
description="Professional heating and air conditioning services. 24/7 emergency support. Licensed technicians you can trust."
|
||||
imageSrc="https://images.unsplash.com/photo-1585771724684-38269d6639fd?w=1200&h=600&fit=crop"
|
||||
imageAlt="Professional HVAC technician"
|
||||
textPosition="bottom-left"
|
||||
showBlur={true}
|
||||
showDimOverlay={true}
|
||||
buttons={[
|
||||
{ text: "Book Online", href: "#contact" },
|
||||
{ text: "Call (530) 202-9004", href: "tel:(530) 202-9004" },
|
||||
{ text: "Get Service", href: "contact" },
|
||||
{ text: "Learn More", href: "services" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets-work_23-2149366667.jpg", imageAlt: "Professional HVAC technician installing heating system"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-woman-pink-shirt-sitting-relaxed-sofa-home-table-working-online-laptop-from-home_285396-9986.jpg", imageAlt: "Comfortable living room with modern heating and cooling system"
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by Sacramento Homeowners"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Reliable HVAC Services Built for Everyday Comfort" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
title="Our HVAC Services"
|
||||
description="Complete heating and air conditioning solutions you can rely on. We deliver professional HVAC services that cover repairs, maintenance, and full system installations for residential and light commercial properties."
|
||||
tag="Services"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "System Installation", description: "Professional installation of high-efficiency heating and cooling systems", bentoComponent: "reveal-icon", icon: Hammer,
|
||||
},
|
||||
{
|
||||
title: "Emergency Repairs", description: "Fast, reliable repairs when your HVAC system needs immediate attention", bentoComponent: "reveal-icon", icon: AlertCircle,
|
||||
},
|
||||
{
|
||||
title: "Maintenance Plans", description: "Regular maintenance to keep your system running efficiently all year", bentoComponent: "reveal-icon", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Residential Services", description: "Heating and cooling solutions tailored for homes of all sizes", bentoComponent: "reveal-icon", icon: Home,
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
<FeatureCardSixteen
|
||||
title="Why Choose BlueForge?"
|
||||
description="We provide superior HVAC services with professional expertise and customer-first approach."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Unreliable service providers", "Hidden fees and surprises", "No emergency support", "Untrained technicians"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"24/7 reliable service", "Transparent pricing", "Emergency support included", "Licensed professionals", "Warranty on all work"],
|
||||
}}
|
||||
animationType="slide-up"
|
||||
buttons={[
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-choose" data-section="why-choose">
|
||||
<MetricCardTwo
|
||||
title="Why Choose BlueForge"
|
||||
description="We believe trust is built through transparency, consistency, and quality work. Our heating and air conditioning team is committed to delivering dependable results."
|
||||
tag="Why Us"
|
||||
tagIcon={Shield}
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{ id: "1", value: "Licensed", description: "Professional HVAC Technicians" },
|
||||
{ id: "2", value: "24/7", description: "Emergency Service Available" },
|
||||
{ id: "3", value: "Honest", description: "Transparent Pricing Always" },
|
||||
{ id: "4", value: "Local", description: "Sacramento Area Service" },
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
title="What Our Customers Are Saying"
|
||||
description="At BlueForge Climate Solutions, we pride ourselves on delivering exceptional service. Here's what our satisfied customers have to say about their experiences with us."
|
||||
tag="Testimonials"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Michael Johnson", role: "Homeowner", company: "Sacramento", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg", imageAlt: "professional headshot portrait business man smiling"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Sarah Davis", role: "Property Manager", company: "Sacramento", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman_23-2147615403.jpg", imageAlt: "professional headshot portrait business woman smiling"
|
||||
},
|
||||
{
|
||||
id: "3", name: "James Wilson", role: "Homeowner", company: "Sacramento", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man-studio-fashion-portrait_1301-4516.jpg", imageAlt: "professional headshot portrait man business executive"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Emily Rodriguez", role: "Business Owner", company: "Sacramento", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6769.jpg", imageAlt: "professional headshot portrait business woman executive"
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Customers Served" },
|
||||
{ value: "20+", label: "Years Experience" },
|
||||
{ value: "98%", label: "Satisfaction Rate" },
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to your most common heating and air conditioning questions"
|
||||
tag="FAQ"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What HVAC services do you offer?", content: "We provide full-service heating and air conditioning solutions, including installation, repair, and maintenance for residential and light commercial systems, ensuring year-round comfort."
|
||||
},
|
||||
{
|
||||
id: "2", title: "How do I know if my HVAC system needs repair?", content: "Signs include uneven heating or cooling, unusual noises, higher energy bills, or frequent cycling. Our team can inspect your system and provide recommendations."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Do you offer maintenance plans?", content: "Yes, we offer comprehensive maintenance plans designed to keep your system running efficiently and extend its lifespan, saving you money in the long run."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Are you available for emergency repairs?", content: "We provide 24/7 emergency HVAC services to ensure your comfort is restored as quickly as possible when unexpected issues arise."
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/auto-mechanics-with-protective-face-masks-using-laptop-repair-shop_637285-9420.jpg"
|
||||
imageAlt="friendly HVAC technician customer service support consultation"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get in Touch"
|
||||
title="Ready to Schedule Your Service?"
|
||||
description="Book online, call us, or send a quick message. We'll respond fast and help keep your home comfortable."
|
||||
tagIcon={Phone}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Book Now"
|
||||
termsText="Call us at (530) 202-9004 or book your appointment online. We're here to help!"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BlueForge"
|
||||
copyrightText="© 2026 BlueForge Climate Solutions Inc. All Rights Reserved."
|
||||
socialLinks={[
|
||||
{ icon: Phone, href: "tel:(530) 202-9004", ariaLabel: "Call BlueForge" },
|
||||
{ icon: Mail, href: "mailto:thomas@blueforgeclimatesolutionsinc.com", ariaLabel: "Email BlueForge" },
|
||||
{ icon: MapPin, href: "#", ariaLabel: "BlueForge Location" },
|
||||
{ text: "Schedule Service", href: "contact" },
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default page;
|
||||
Reference in New Issue
Block a user