+
+
+ Welcome to Canadian Alternatives
+
+ Sign in to your account or create a new one
+
+
+
+
+
+ Sign In
+ Sign Up
+ Reset
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ By continuing, you agree to our Terms of Service and Privacy Policy.
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/auth/auth-provider.tsx b/src/components/auth/auth-provider.tsx
new file mode 100644
index 0000000..c99dbee
--- /dev/null
+++ b/src/components/auth/auth-provider.tsx
@@ -0,0 +1,93 @@
+'use client'
+
+import { createContext, useContext, useEffect, useState } from 'react'
+import { Session, User } from '@supabase/supabase-js'
+import { useRouter } from 'next/navigation'
+import { supabase } from '@/lib/supabase'
+
+type AuthContextType = {
+ user: User | null
+ session: Session | null
+ isLoading: boolean
+ signOut: () => Promise
+
+ {fullName}
++ {email} +
+
+ {[...Array(6)].map((_, i) => (
+
+ );
+ }
+
+ return (
+
+
+
+
+ ))}
+
+ {products.map((product, index) => {
+ const category = PRODUCT_CATEGORIES.find(
+ (c) => c.value === product.category
+ );
+
+ return (
+
+ {product.image_url ? (
+
+ );
+ })}
+
+ {products.length === 0 && (
+
+ );
+}
\ No newline at end of file
diff --git a/src/components/theme-provider.tsx b/src/components/theme-provider.tsx
new file mode 100644
index 0000000..6033a3c
--- /dev/null
+++ b/src/components/theme-provider.tsx
@@ -0,0 +1,83 @@
+"use client";
+
+import * as React from "react";
+import { useEffect } from "react";
+
+type Theme = "dark" | "light" | "system";
+
+type ThemeProviderProps = {
+ children: React.ReactNode;
+ defaultTheme?: Theme;
+ storageKey?: string;
+};
+
+type ThemeProviderState = {
+ theme: Theme;
+ setTheme: (theme: Theme) => void;
+};
+
+const initialState: ThemeProviderState = {
+ theme: "system",
+ setTheme: () => null,
+};
+
+const ThemeProviderContext = React.createContext
+ 
+
+ ) : (
+
+ {category?.icon || '📦'}
+
+ )}
+
+
+
+
+ {category?.icon}
+
+ {category?.label || product.category}
+
+
+
+ + {product.name} +
+ ++ {product.description} +
+ +
+ {product.company}
+ {product.country_of_origin}
+
+
+ 🍁
+
+ )}
+ + No Products Yet +
++ Be the first to add a Canadian alternative product! +
+{body}
) -} +}) +FormMessage.displayName = "FormMessage" export { useFormField, diff --git a/src/components/ui/header.tsx b/src/components/ui/header.tsx new file mode 100644 index 0000000..ed50aa5 --- /dev/null +++ b/src/components/ui/header.tsx @@ -0,0 +1,82 @@ +'use client'; + +import { motion } from 'framer-motion'; +import Image from 'next/image'; +import Link from 'next/link'; +import { usePathname } from 'next/navigation'; + +import { ThemeToggle } from '@/components/theme-toggle'; + +const navigation = [ + { name: 'Home', href: '/' }, + { name: 'Products', href: '/products' }, + { name: 'Alternatives', href: '/alternatives' }, + { name: 'Opportunities', href: '/opportunities' }, + { name: 'About', href: '/about' }, +]; + +export function Header() { + const pathname = usePathname(); + + return ( +
+
+
+
+
+
+
+ {/* Logo */}
+
+
+
+
+ {/* Navigation */}
+
+
+
+ {title && {title} }
+ {description && (
+ {description}
+ )}
+
+ {action}
+