Update src/app/page.tsx

Merge version_2 into main
2026-03-09 20:30:05 +00:00 · 2026-03-09 20:29:08 +00:00 · 2026-03-09 20:27:00 +00:00 · 2026-03-09 20:26:56 +00:00 · 2026-03-09 20:26:06 +00:00 · 2026-03-09 20:26:02 +00:00
3 changed files with 68 additions and 236 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,55 +1,34 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
-import { Inter } from "next/font/google";
-import { Open_Sans } from "next/font/google";
+import { Inter_Tight } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";

-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});
-
-const openSans = Open_Sans({
-  variable: "--font-open-sans",  subsets: ["latin"],
+const interTight = Inter_Tight({
+  variable: "--font-inter-tight",  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });

 export const metadata: Metadata = {
-  title: "HVAC Services Sacramento | BlueForge Climate Solutions",  description: "Trusted HVAC services in Sacramento, CA offering honest pricing, quality workmanship, and reliable heating and cooling solutions for homes and businesses.",  keywords: "HVAC services Sacramento, heating repair, air conditioning, furnace installation, cooling systems",  robots: {
-    index: true,
-    follow: true,
-  },
-  openGraph: {
-    title: "BlueForge Climate Solutions | Professional HVAC Services",    description: "Expert heating and cooling services in Sacramento with transparent pricing and 24/7 emergency support.",    siteName: "BlueForge Climate Solutions",    type: "website",    images: [
-      {
-        url: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets-work_23-2149366667.jpg",        alt: "BlueForge HVAC Professional Services"},
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",    title: "BlueForge Climate Solutions HVAC Services",    description: "Professional heating and air conditioning services in Sacramento, CA",    images: [
-      "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets-work_23-2149366667.jpg"],
-  },
+  title: "BlueForge Climate Solutions - Professional HVAC Services in Sacramento",  description: "Expert heating and air conditioning services in Sacramento, CA. Professional HVAC installation, repair, and maintenance. Licensed technicians. 24/7 emergency service."
 };

 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} ${openSans.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+      <body className={`${interTight.variable} antialiased`}>
+        {children}
+        <script
+          src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"
+          async
+        />
+        <script
+          src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"
+          async
+        />
+      
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1417,7 +1396,6 @@ export default function RootLayout({
          }}
        />
      </body>
-      </ServiceWrapper>
    </html>
  );
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,221 +1,75 @@
-"use client"
-
-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';
+"use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { AlertCircle, CheckCircle, Hammer, Home, HelpCircle, Mail, MapPin, Phone, Shield, Star, Wrench, Zap } from "lucide-react";
+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";

-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
+        <NavbarStyleApple
          navItems={[
-            { name: "Home", id: "home" },
-            { name: "About Us", id: "about" },
-            { name: "Our Services", id: "services" },
-            { name: "FAQ", id: "faq" },
-            { name: "Contact Us", id: "contact" },
+            { name: "Home", id: "/" },
+            { name: "Services", id: "services" },
+            { name: "About", id: "about" },
+            { name: "Contact", id: "contact" },
          ]}
          brandName="BlueForge"
-          bottomLeftText="Sacramento, CA"
-          bottomRightText="(530) 202-9004"
        />
      </div>
-
      <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: "plain" }}
        />
      </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;
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-open-sans), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-open-sans), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }
Author	SHA1	Message	Date
bender	4f144c4b9f	Update src/app/page.tsx	2026-03-09 20:30:05 +00:00
bender	8ba12b8ca8	Update src/app/page.tsx	2026-03-09 20:29:08 +00:00
bender	a352909b1a	Merge version_2 into main Merge version_2 into main	2026-03-09 20:27:00 +00:00
bender	5955a73bf5	Update src/app/layout.tsx	2026-03-09 20:26:56 +00:00
bender	ad14756096	Merge version_2 into main Merge version_2 into main	2026-03-09 20:26:06 +00:00
bender	61707090c0	Update src/app/styles/base.css	2026-03-09 20:26:02 +00:00
bender	340ec0f8ca	Update src/app/page.tsx	2026-03-09 20:26:02 +00:00
bender	b78db1009c	Update src/app/layout.tsx	2026-03-09 20:26:02 +00:00
bender	5f2349bd9b	Merge version_1 into main Merge version_1 into main	2026-03-09 20:21:02 +00:00