Compare commits
15 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 44f872f8dd | |||
| 0d7d5a73b5 | |||
| eade7f56bc | |||
| 19138520d5 | |||
| f8adc1dec6 | |||
| 1c2b23c5a0 | |||
| e553d9ba68 | |||
| 1017497d28 | |||
| b0e009baae | |||
| 890c165625 | |||
| 2af7c0fd0a | |||
| 02441f063b | |||
| b34b5379f4 | |||
| b42ab23939 | |||
| 39501fe69b |
@@ -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={{
|
||||
|
||||
@@ -2,15 +2,15 @@
|
||||
|
||||
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 (
|
||||
@@ -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: "animated-grid"}}
|
||||
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: "Call (765) 201-0460", 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={[
|
||||
{
|
||||
@@ -223,4 +216,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user