diff --git a/index.html b/index.html index e4b78ea..64741f9 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,13 @@ - Vite + React + TS + Code Café Community + + +
diff --git a/package-lock.json b/package-lock.json index 566e494..7d9086c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,6 +8,7 @@ "name": "test", "version": "0.0.0", "dependencies": { + "lucide-react": "^0.469.0", "react": "19.0.0", "react-dom": "19.0.0", "react-router": "^7.1.1" @@ -4311,6 +4312,15 @@ "dev": true, "license": "ISC" }, + "node_modules/lucide-react": { + "version": "0.469.0", + "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.469.0.tgz", + "integrity": "sha512-28vvUnnKQ/dBwiCQtwJw7QauYnE7yd2Cyp4tTTJpvglX4EMpbflcdBgrgToX2j71B3YvugK/NH3BGUk+E/p/Fw==", + "license": "ISC", + "peerDependencies": { + "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" + } + }, "node_modules/math-intrinsics": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz", diff --git a/package.json b/package.json index 474a6e8..4e1e5dc 100644 --- a/package.json +++ b/package.json @@ -12,6 +12,7 @@ "format": "prettier --write ." }, "dependencies": { + "lucide-react": "^0.469.0", "react": "19.0.0", "react-dom": "19.0.0", "react-router": "^7.1.1" diff --git a/public/images/coffee_cup.jpg b/public/images/coffee_cup.jpg new file mode 100644 index 0000000..2ead942 Binary files /dev/null and b/public/images/coffee_cup.jpg differ diff --git a/src/components/CTA.tsx b/src/components/CTA.tsx new file mode 100644 index 0000000..b742f27 --- /dev/null +++ b/src/components/CTA.tsx @@ -0,0 +1,24 @@ +export default function CTA() { + return ( +
+
+

+ Ready to Join Our Community? +

+

+ Start your journey with Code Cafe today and become part of a thriving + developer community. +

+ + Join Code Cafe + +
+
+ ); +} diff --git a/src/components/Features.tsx b/src/components/Features.tsx new file mode 100644 index 0000000..a4f33dd --- /dev/null +++ b/src/components/Features.tsx @@ -0,0 +1,42 @@ +import { Users, CircleHelp, BookOpen } from "lucide-react"; + +export default function Features() { + return ( +
+
+
+
+ +

+ Active Community +

+

+ Connect with like-minded developers and build lasting + relationships. +

+
+
+ +
+ +

Some other thing

+

+ Description about that other thing. +

+
+
+ +
+ +

+ Learning Resources +

+

+ Access curated learning materials and documentation. +

+
+
+
+
+ ); +} diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx new file mode 100644 index 0000000..bb554ce --- /dev/null +++ b/src/components/Footer.tsx @@ -0,0 +1,35 @@ +import { Link } from "react-router"; +import { Code } from "lucide-react"; + +export default function Footer() { + return ( + + ); +} diff --git a/src/components/Header.tsx b/src/components/Header.tsx new file mode 100644 index 0000000..8c7936c --- /dev/null +++ b/src/components/Header.tsx @@ -0,0 +1,35 @@ +import { NavLink } from "react-router"; + +export default function Header() { + return ( +
+
+ Code Cafe Logo +

Code Cafe

+
+ +
+ ); +} diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx new file mode 100644 index 0000000..2b79a28 --- /dev/null +++ b/src/components/Hero.tsx @@ -0,0 +1,25 @@ +export default function Hero() { + return ( +
+
+
+

+ Where Code Meets Community +

+

+ Join our vibrant community of developers, share knowledge and grow + together in a welcoming environment. +

+
+
+
+ +
+
+ ); +} diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx new file mode 100644 index 0000000..cb12b8b --- /dev/null +++ b/src/components/Layout.tsx @@ -0,0 +1,13 @@ +import Header from "./Header"; +import Footer from "./Footer"; +import { Outlet } from "react-router"; + +export default function Layout() { + return ( + <> +
+ +