diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 82534f7..fa46a06 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,22 +1,17 @@ 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 { Poppins } from "next/font/google"; +import { Montserrat } 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 poppins = Poppins({ + variable: "--font-poppins", subsets: ["latin"], + weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"], }); -const inter = Inter({ - variable: "--font-inter", subsets: ["latin"], -}); - -const openSans = Open_Sans({ - variable: "--font-open-sans", subsets: ["latin"], +const montserrat = Montserrat({ + variable: "--font-montserrat", subsets: ["latin"], }); export const metadata: Metadata = { @@ -49,7 +44,7 @@ export default function RootLayout({ {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index 9ed1191..5569ac0 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,211 +2,232 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; -import HeroOverlay from '@/components/sections/hero/HeroOverlay'; -import AboutMetric from '@/components/sections/about/AboutMetric'; -import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree'; -import MetricCardOne from '@/components/sections/metrics/MetricCardOne'; -import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; -import FaqDouble from '@/components/sections/faq/FaqDouble'; -import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; -import FooterBase from '@/components/sections/footer/FooterBase'; -import { Award, Clock, Shield, Star, Truck, Users } from 'lucide-react'; +import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo'; +import SplitAbout from '@/components/sections/about/SplitAbout'; +import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen'; +import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven'; +import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve'; +import FaqBase from '@/components/sections/faq/FaqBase'; +import ContactText from '@/components/sections/contact/ContactText'; +import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; +import { Award, Clock, Shield, Star, Truck, Users, Zap, Target } from 'lucide-react'; export default function LandingPage() { return (
-
-
-
-
-
-
-
diff --git a/src/app/styles/base.css b/src/app/styles/base.css index 741ed2e..0f9f89d 100644 --- 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-poppins), 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-poppins), sans-serif; } diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index a44f622..4afed1d 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -2,23 +2,23 @@ /* Base units */ /* --vw is set by ThemeProvider */ - /* --background: #e3deea;; - --card: #ffffff;; - --foreground: #27231f;; - --primary-cta: #27231f;; - --secondary-cta: #ffffff;; - --accent: #c68a62;; - --background-accent: #c68a62;; */ + /* --background: #000000;; + --card: #0c0c0c;; + --foreground: #ffffff;; + --primary-cta: #cee7ff;; + --secondary-cta: #000000;; + --accent: #535353;; + --background-accent: #cee7ff;; */ - --background: #e3deea;; - --card: #ffffff;; - --foreground: #27231f;; - --primary-cta: #27231f;; + --background: #000000;; + --card: #0c0c0c;; + --foreground: #ffffff;; + --primary-cta: #cee7ff;; --primary-cta-text: #e3deea;; - --secondary-cta: #ffffff;; + --secondary-cta: #000000;; --secondary-cta-text: #27231f;; - --accent: #c68a62;; - --background-accent: #c68a62;; + --accent: #535353;; + --background-accent: #cee7ff;; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);