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 "./globals.css";
|
||||||
import "@/lib/gsap-setup";
|
import "@/lib/gsap-setup";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Public_Sans } from "next/font/google";
|
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",
|
const roboto = Roboto({
|
||||||
subsets: ["latin"],
|
variable: "--font-roboto",
|
||||||
});
|
|
||||||
const inter = Inter({
|
|
||||||
variable: "--font-inter",
|
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
|
weight: ["100", "300", "400", "500", "700", "900"],
|
||||||
});
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
@@ -37,8 +35,8 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${publicSans.variable} ${inter.variable} antialiased`}>
|
<body className={`${roboto.variable} antialiased`}>
|
||||||
<Tag />
|
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
|
|||||||
@@ -2,15 +2,15 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
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 FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
||||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||||
import TextAbout from '@/components/sections/about/TextAbout';
|
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() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -171,27 +171,20 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactFaq
|
<ContactText
|
||||||
animationType="slide-up"
|
text="Questions? Get in touch with our team for expert advice and scheduling your repair."
|
||||||
|
background={{
|
||||||
|
variant: "animated-grid"}}
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
buttons={[
|
||||||
{
|
{ text: "Call (765) 201-0460", href: "tel:7652010460" },
|
||||||
id: "f1", title: "Business Hours", content: "Open Monday-Friday, 9:00 AM - 6:00 PM."},
|
{ text: "Visit 2300 Concord Rd", href: "https://maps.app.goo.gl/" }
|
||||||
{
|
|
||||||
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."},
|
|
||||||
]}
|
]}
|
||||||
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>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<FooterBase
|
||||||
logoText="J&R Auto Body"
|
logoText="J&R Auto Body"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-inter), sans-serif;
|
font-family: var(--font-roboto), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-public-sans), sans-serif;
|
font-family: var(--font-roboto), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #0a0a0a;
|
--background: #010912;
|
||||||
--card: #1a1a1a;
|
--card: #152840;
|
||||||
--foreground: #ffffff;
|
--foreground: #f8fbff;
|
||||||
--primary-cta: #e63946;
|
--primary-cta: #dfe6ed;
|
||||||
--primary-cta-text: #ffffff;
|
--primary-cta-text: #010912;
|
||||||
--secondary-cta: #106efb;
|
--secondary-cta: #0e1a29;
|
||||||
--secondary-cta-text: #ffffff;
|
--secondary-cta-text: #ffffff;
|
||||||
--accent: #333333;
|
--accent: #a7afb7;
|
||||||
--background-accent: #0d1a29;
|
--background-accent: #004a93;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user