) {
event.preventDefault();
setError(null);
setIsLoading(true);
try {
const supabase = createBrowserSupabaseClient();
const { error: signInError } = await supabase.auth.signInWithPassword({
email: email.trim(),
password,
});
if (signInError) {
setError(getFriendlyErrorMessage(signInError));
setIsLoading(false);
return;
}
router.replace("/dashboard");
router.refresh();
} catch (caughtError) {
if (caughtError instanceof Error && /missing required environment variable/i.test(caughtError.message)) {
setError("Authentication service configuration error. Please contact support.");
} else {
setError("Network error while connecting to authentication service. Please try again.");
}
setIsLoading(false);
}
}
return (
);
}
================================================
FILE: src/components/ui/demo.tsx
================================================
"use client";
import { Tiles } from "@/components/ui/tiles";
export function TilesDemo() {
return (
);
}
================================================
FILE: src/components/ui/global-tiles-background.tsx
================================================
export function GlobalTilesBackground() {
return (
{/* Layer 1: repeating subtle grid that scales with full page height */}
{/* Layer 2: soft depth tint for premium SaaS look */}
{/* Bottom fade into page background to avoid harsh cutoff */}
{rowsArray.map((_, i) => (
{colsArray.map((_, j) => (
))}
))}
);
}
================================================
FILE: src/components/ui/zerocarbon-footer.tsx
================================================
import Link from "next/link";
const companyLinks = [
{ label: "Offset Emissions", href: "/how-to-offset-emissions" },
{ label: "How To Offset Emissions", href: "/how-to-offset-emissions" },
{ label: "Projects", href: "/projects" },
];
const resourceLinks = [
{ label: "How Carbon Credits Work", href: "/resources/how-carbon-credits-work" },
{ label: "Carbon Market Integrity", href: "/resources/carbon-market-integrity" },
{ label: "FAQ", href: "/resources/faq" },
{ label: "Sustainability Reports", href: "/resources/sustainability-reports" },
];
const legalLinks = [
{ label: "Privacy Policy", href: "/privacy-policy" },
{ label: "Terms of Service", href: "/terms-of-service" },
{ label: "Cookie Policy", href: "/cookie-policy" },
];
export function ZeroCarbonFooter() {
return (
);
}
================================================
FILE: src/components/ui/zerocarbon-navbar.tsx
================================================
"use client";
import Image from "next/image";
import Link from "next/link";
import { useEffect, useState } from "react";
import type { JSX } from "react";
type NavLink = { label: string; href: string };
type ActionLink = {
label: string;
href: string;
variant: "primary" | "secondary" | "ghost";
};
const navLinks: NavLink[] = [
{ label: "How To Offset Emissions", href: "/how-to-offset-emissions" },
{ label: "How It Works", href: "/how-it-works" },
{ label: "Projects", href: "/projects" },
];
const actionLinks: ActionLink[] = [
{ label: "List Your Project", href: "/list-project", variant: "primary" },
{ label: "Register Company", href: "/register-company", variant: "secondary" },
{ label: "Login", href: "/login", variant: "ghost" },
];
function actionClass(variant: ActionLink["variant"]): string {
if (variant === "primary") {
return "border border-emerald-400/45 bg-gradient-to-r from-emerald-500 to-green-500 text-white shadow-[0_8px_24px_rgba(16,185,129,0.3)] hover:-translate-y-0.5 hover:from-emerald-400 hover:to-green-400";
}
if (variant === "secondary") {
return "border border-sky-400/45 bg-gradient-to-r from-sky-500 to-blue-500 text-white shadow-[0_8px_24px_rgba(59,130,246,0.3)] hover:-translate-y-0.5 hover:from-sky-400 hover:to-blue-400";
}
return "border border-white/35 bg-white/10 text-slate-800 hover:bg-white/20";
}
export function ZeroCarbonNavbar(): JSX.Element {
const [isMenuOpen, setIsMenuOpen] = useState(false);
useEffect(() => {
if (!isMenuOpen) return;
const onKeyDown = (event: KeyboardEvent) => {
if (event.key === "Escape") setIsMenuOpen(false);
};
window.addEventListener("keydown", onKeyDown);
return () => window.removeEventListener("keydown", onKeyDown);
}, [isMenuOpen]);
return (
);
}
================================================
FILE: src/lib/utils.ts
================================================
import { clsx, type ClassValue } from "clsx";
import { twMerge } from "tailwind-merge";
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs));
}
================================================
FILE: src/lib/supabase/client.ts
================================================
import { createBrowserClient } from "@supabase/ssr";
import { getSupabaseAnonKey, getSupabaseUrl } from "@/lib/supabase/env";
// Browser-only client for auth actions initiated from client components.
export function createBrowserSupabaseClient() {
return createBrowserClient(getSupabaseUrl(), getSupabaseAnonKey());
}
================================================
FILE: src/lib/supabase/env.ts
================================================
export function getSupabaseUrl(): string {
const url = process.env.NEXT_PUBLIC_SUPABASE_URL;
if (!url) {
throw new Error("Missing required environment variable: NEXT_PUBLIC_SUPABASE_URL");
}
return url;
}
export function getSupabaseAnonKey(): string {
const anonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY;
if (!anonKey) {
throw new Error("Missing required environment variable: NEXT_PUBLIC_SUPABASE_ANON_KEY");
}
return anonKey;
}
================================================
FILE: src/lib/supabase/middleware.ts
================================================
import { createServerClient } from "@supabase/ssr";
import { NextResponse, type NextRequest } from "next/server";
import { getSupabaseAnonKey, getSupabaseUrl } from "@/lib/supabase/env";
export async function updateSession(request: NextRequest) {
let response = NextResponse.next({
request,
});
const supabase = createServerClient(getSupabaseUrl(), getSupabaseAnonKey(), {
cookies: {
getAll() {
return request.cookies.getAll();
},
setAll(cookiesToSet) {
cookiesToSet.forEach(({ name, value }) => {
request.cookies.set(name, value);
});
response = NextResponse.next({
request,
});
cookiesToSet.forEach(({ name, value, options }) => {
response.cookies.set(name, value, options);
});
},
},
});
// Refresh auth state and keep cookies synchronized for server-side protection.
await supabase.auth.getUser();
return response;
}
================================================
FILE: src/lib/supabase/server.ts
================================================
import { createServerClient } from "@supabase/ssr";
import { cookies } from "next/headers";
import { getSupabaseAnonKey, getSupabaseUrl } from "@/lib/supabase/env";
export async function createServerSupabaseClient() {
const cookieStore = await cookies();
return createServerClient(getSupabaseUrl(), getSupabaseAnonKey(), {
cookies: {
getAll() {
return cookieStore.getAll();
},
setAll(cookiesToSet) {
// setAll can be called in read-only contexts (e.g. Server Components).
try {
cookiesToSet.forEach(({ name, value, options }) => {
cookieStore.set(name, value, options);
});
} catch {
// Middleware handles cookie refresh when direct writes are not available.
}
},
},
});
}
================================================
FILE: supabase/seed_profiles.sql
================================================
-- One-time seed for profile rows from existing auth users.
-- Run this in Supabase SQL Editor.
-- Create profiles table if it doesn't exist yet.
create table if not exists public.profiles (
id uuid primary key references auth.users (id) on delete cascade
);
-- Ensure expected columns exist for dashboard rendering.
alter table public.profiles
add column if not exists role text;
alter table public.profiles
add column if not exists created_at timestamptz not null default now();
-- RLS can be enabled safely even if already enabled.
alter table public.profiles enable row level security;
insert into public.profiles (id, role)
select u.id, 'company'
from auth.users u
left join public.profiles p on p.id = u.id
where p.id is null;