bender/4ea0eb43-aedc-4e30-929a-485b3123296f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
..
compare: bender:main
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

9 Commits
version_1 ... main

Author SHA1 Message Date
bender
32bf6275df Merge version_3 into main 
Merge version_3 into main
 2026-05-04 16:58:50 +00:00
bender
747e6af9b5 Update src/app/page.tsx 2026-05-04 16:58:47 +00:00
bender
c112aec7fe Merge version_3 into main 
Merge version_3 into main
 2026-05-04 16:58:22 +00:00
bender
d8881ba561 Update src/app/page.tsx 2026-05-04 16:58:16 +00:00
bender
12201be77f Merge version_2 into main 
Merge version_2 into main
 2026-05-04 16:58:00 +00:00
bender
73a8fdb147 Update theme fonts 2026-05-04 16:57:57 +00:00
bender
ba37a1c09a Update theme fonts 2026-05-04 16:57:56 +00:00
bender
c2ae02e3ef Merge version_2 into main 
Merge version_2 into main
 2026-05-04 16:57:49 +00:00
bender
5a30c75cf5 Update theme colors 2026-05-04 16:57:46 +00:00
4 changed files with 24 additions and 37 deletions
Expand all files Collapse all files

19
src/app/layout.tsx
View File

@@ -6,20 +6,17 @@ import "@/lib/gsap-setup";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Nunito } from "next/font/google";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
export const metadata: Metadata = { title: 'EcoDrive | Smart Fuel Tracking & AI Receipt Scanning App', description: 'Experience the future of fuel management with EcoDrive. Track spending, scan receipts with AI, and find top-rated gas stations in a sleek, dark-mode interface.' }; export const metadata: Metadata = { title: 'EcoDrive | Smart Fuel Tracking & AI Receipt Scanning App', description: 'Experience the future of fuel management with EcoDrive. Track spending, scan receipts with AI, and find top-rated gas stations in a sleek, dark-mode interface.' };
const nunito = Nunito({
variable: "--font-nunito",
subsets: ["latin"],
});
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: Readonly<{
@@ -28,9 +25,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body className={`${nunito.variable} antialiased`}>
className={`${halant.variable} ${inter.variable} antialiased`}
>
<Tag /> <Tag />
{children} {children}
<script <script

22
src/app/page.tsx
View File

@@ -3,16 +3,15 @@
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroOverlay from "@/components/sections/hero/HeroOverlay"; import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout"; import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne"; import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow"; import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen"; import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FaqSplitText from "@/components/sections/faq/FaqSplitText"; import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCTA from "@/components/sections/contact/ContactCTA"; import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterMedia from "@/components/sections/footer/FooterMedia"; import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Zap, Gauge, ReceiptText, MapPin, Star } from "lucide-react"; import { Zap, Gauge, ReceiptText, MapPin } from "lucide-react";
export default function EcoDrivePage() { export default function EcoDrivePage() {
return ( return (
@@ -44,23 +43,16 @@ export default function EcoDrivePage() {
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlay <HeroBillboard
title="Smart Fuel Intelligence" title="Smart Fuel Intelligence"
description="Optimize your drive with AI-powered receipt scanning, real-time gas station ratings, and intelligent fuel tracking in one minimalist interface." description="Optimize your drive with AI-powered receipt scanning, real-time gas station ratings, and intelligent fuel tracking in one minimalist interface."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-eyeglasses-with-tattoo-his-arm-using-portable-tablet-pc-back-seat-car_613910-12276.jpg", alt: "User" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-background-two-trams_641386-322.jpg", alt: "User" },
{ src: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg", alt: "User" },
]}
avatarText="Join 50k+ smart drivers"
buttons={[ buttons={[
{ text: "Get Started", href: "#contact" }, { text: "Get Started", href: "#contact" },
{ text: "Learn More", href: "#services" }, { text: "Learn More", href: "#services" },
]} ]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10148.jpg" imageSrc="http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10148.jpg"
imageAlt="EcoDrive dashboard with fuel metrics" background={{ variant: "animated-grid" }}
showDimOverlay={true} ariaLabel="Hero section"
/> />
</div> </div>
@@ -144,7 +136,7 @@ export default function EcoDrivePage() {
title="Ready to Drive Smarter?" title="Ready to Drive Smarter?"
description="Download EcoDrive and start optimizing your fuel efficiency today." description="Download EcoDrive and start optimizing your fuel efficiency today."
buttons={[{ text: "Download Now", href: "#" }]} buttons={[{ text: "Download Now", href: "#" }]}
background={{ variant: "glowing-orb" }} background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true} useInvertedBackground={true}
/> />
</div> </div>
@@ -163,4 +155,4 @@ export default function EcoDrivePage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

4
src/app/styles/base.css
View File

@@ -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-tight), sans-serif; font-family: var(--font-nunito), 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-inter-tight), sans-serif; font-family: var(--font-nunito), sans-serif;
} }

16
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f8fafc; --background: #ffffff;
--card: #ffffff; --card: #f9f9f9;
--foreground: #0f172a; --foreground: #000612e6;
--primary-cta: #1d4ed8; --primary-cta: #15479c;
--primary-cta-text: #ffffff; --primary-cta-text: #ffffff;
--secondary-cta: #e0e7ff; --secondary-cta: #f9f9f9;
--secondary-cta-text: #1e3a5f; --secondary-cta-text: #000612e6;
--accent: #3b82f6; --accent: #e2e2e2;
--background-accent: #60a5fa; --background-accent: #c4c4c4;
/* 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);