Update src/app/page.tsx

Merge version_5 into main
2026-04-06 21:47:06 +00:00 · 2026-04-06 21:46:35 +00:00 · 2026-04-06 21:44:15 +00:00 · 2026-04-06 21:44:12 +00:00 · 2026-04-06 21:43:42 +00:00 · 2026-04-06 21:43:39 +00:00
4 changed files with 36 additions and 45 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,9 +4,9 @@ import { Inter } from "next/font/google";
 import "./globals.css";
 import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Public_Sans } from "next/font/google";
+import { Roboto } from "next/font/google";



@@ -20,13 +20,11 @@ export const metadata: Metadata = {
  },
 };

-const publicSans = Public_Sans({
-  variable: "--font-public-sans",
-  subsets: ["latin"],
-});
-const inter = Inter({
-  variable: "--font-inter",
+
+const roboto = Roboto({
+  variable: "--font-roboto",
  subsets: ["latin"],
+  weight: ["100", "300", "400", "500", "700", "900"],
 });

 export default function RootLayout({
@@ -37,8 +35,8 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${publicSans.variable} ${inter.variable} antialiased`}>
-          <Tag />
+        <body className={`${roboto.variable} antialiased`}>
+          
          {children}
          <script
              dangerouslySetInnerHTML={{
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,29 +2,29 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactFaq from '@/components/sections/contact/ContactFaq';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Phone, Wrench, Brush, Hammer, Zap, Sparkles } from "lucide-react";
+import { Wrench, Brush, Hammer, Zap, Sparkles } from "lucide-react";

 export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="large"
-        background="noise"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="light"
+        background="none"
+        cardStyle="glass-depth"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
@@ -48,7 +48,7 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
-        variant: "gradient-bars"}}
+        variant: "sparkles-gradient"}}
      title="J&R AUTO BODY"
      description="Precision Repairs. Street-Level Speed. Get your performance car back on the road with the elite care it deserves at Lafayette's premier auto body shop."
      buttons={[
@@ -89,7 +89,7 @@ export default function LandingPage() {

  <div id="services" data-section="services">
      <FeatureCardTwentySix
-      textboxLayout="split"
+      textboxLayout="inline-image"
      useInvertedBackground={true}
      features={[
        {
@@ -171,27 +171,20 @@ export default function LandingPage() {
  </div>

  <div id="contact" data-section="contact">
-      <ContactFaq
-      animationType="slide-up"
+      <ContactText
+      text="Questions? Get in touch with our team for expert advice and scheduling your repair."
+      background={{
+        variant: "sparkles-gradient"}}
      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",          title: "Business Hours",          content: "Open Monday-Friday, 9:00 AM - 6:00 PM."},
-        {
-          id: "f2",          title: "Where are you located?",          content: "2300 Concord Rd, Lafayette, IN 47905."},
-        {
-          id: "f3",          title: "Do you offer free quotes?",          content: "Yes, come by for a free, transparent estimate."},
+      buttons={[
+          { text: "Get Your Free Estimate", href: "tel:7652010460" },
+          { text: "Visit 2300 Concord Rd", href: "https://maps.app.goo.gl/" }
      ]}
-      ctaTitle="Ready for a repair?"
-      ctaDescription="Get your quote today at 2300 Concord Rd, Lafayette, IN."
-      ctaButton={{
-        text: "Call Now",        href: "tel:7652010460"}}
-      ctaIcon={Phone}
    />
  </div>

  <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBase
      logoText="J&R Auto Body"
      columns={[
        {
--- 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-inter), sans-serif;
+  font-family: var(--font-roboto), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-public-sans), sans-serif;
+  font-family: var(--font-roboto), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffff;
-  --primary-cta: #e63946;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #106efb;
+  --background: #010912;
+  --card: #152840;
+  --foreground: #f8fbff;
+  --primary-cta: #dfe6ed;
+  --primary-cta-text: #010912;
+  --secondary-cta: #0e1a29;
  --secondary-cta-text: #ffffff;
-  --accent: #333333;
-  --background-accent: #0d1a29;
+  --accent: #a7afb7;
+  --background-accent: #004a93;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	ff641a0e3d	Update src/app/page.tsx	2026-04-06 21:47:06 +00:00
bender	97433b3bfd	Update src/app/page.tsx	2026-04-06 21:46:35 +00:00
bender	4ebaf83e29	Merge version_5 into main Merge version_5 into main	2026-04-06 21:44:15 +00:00
bender	ad0cd20a24	Update src/app/page.tsx	2026-04-06 21:44:12 +00:00
bender	22f987b547	Merge version_5 into main Merge version_5 into main	2026-04-06 21:43:42 +00:00
bender	183740f280	Update src/app/page.tsx	2026-04-06 21:43:39 +00:00
bender	fbe6c08a37	Merge version_4 into main Merge version_4 into main	2026-04-06 21:41:14 +00:00
bender	1f7a0768e5	Update src/app/page.tsx	2026-04-06 21:41:11 +00:00
bender	0df81e1bce	Merge version_3 into main Merge version_3 into main	2026-04-06 21:39:05 +00:00
bender	cae4e2a1aa	Update src/app/page.tsx	2026-04-06 21:38:59 +00:00
bender	c600f7f1b7	Merge version_2 into main Merge version_2 into main	2026-04-06 21:14:24 +00:00
bender	44f872f8dd	Update theme fonts	2026-04-06 21:14:21 +00:00
bender	0d7d5a73b5	Update theme fonts	2026-04-06 21:14:21 +00:00
bender	c8587bc872	Merge version_2 into main Merge version_2 into main	2026-04-06 21:13:39 +00:00
bender	eade7f56bc	Update theme colors	2026-04-06 21:13:36 +00:00
bender	5e51869b9d	Merge version_2 into main Merge version_2 into main	2026-04-06 21:13:04 +00:00
bender	19138520d5	Update theme colors	2026-04-06 21:13:01 +00:00
bender	1a73712cca	Merge version_2 into main Merge version_2 into main	2026-04-06 21:12:57 +00:00
bender	f8adc1dec6	Update theme colors	2026-04-06 21:12:51 +00:00
bender	9c1331e636	Merge version_2 into main Merge version_2 into main	2026-04-06 21:12:13 +00:00
bender	1c2b23c5a0	Update theme colors	2026-04-06 21:12:10 +00:00
bender	38532d12be	Merge version_2 into main Merge version_2 into main	2026-04-06 21:12:00 +00:00
bender	e553d9ba68	Update theme colors	2026-04-06 21:11:57 +00:00
bender	9ce20b78cf	Merge version_2 into main Merge version_2 into main	2026-04-06 21:11:54 +00:00
bender	1017497d28	Update theme colors	2026-04-06 21:11:48 +00:00
bender	e1dcecb4e9	Merge version_2 into main Merge version_2 into main	2026-04-06 21:11:41 +00:00
bender	b0e009baae	Update theme colors	2026-04-06 21:11:35 +00:00
bender	35ed94c296	Merge version_2 into main Merge version_2 into main	2026-04-06 21:11:19 +00:00
bender	890c165625	Update theme colors	2026-04-06 21:11:15 +00:00
bender	6adccdb848	Merge version_2 into main Merge version_2 into main	2026-04-06 21:10:34 +00:00
bender	2af7c0fd0a	Update theme colors	2026-04-06 21:10:31 +00:00
bender	401ff9284a	Merge version_2 into main Merge version_2 into main	2026-04-03 23:52:11 +00:00
bender	02441f063b	Update theme colors	2026-04-03 23:52:06 +00:00
bender	1fbce0b6ae	Merge version_2 into main Merge version_2 into main	2026-04-03 23:45:42 +00:00
bender	b34b5379f4	Remove watermark	2026-04-03 23:45:39 +00:00
bender	92ca4693f2	Merge version_2 into main Merge version_2 into main	2026-04-01 00:45:28 +00:00
bender	b42ab23939	Update src/app/page.tsx	2026-04-01 00:45:22 +00:00
bender	39501fe69b	Merge version_1 into main Merge version_1 into main	2026-04-01 00:37:33 +00:00