From 74a908f07ffd50a077ce163e7ee870e5ed16ac6a Mon Sep 17 00:00:00 2001 From: jamesratcliffe101 Date: Thu, 28 May 2026 21:20:47 +0100 Subject: [PATCH] improved site header, added contact form, content card carousel, footer, and more photos --- app/contact/page.tsx | 16 +- app/globals.css | 4 + app/layout.tsx | 13 +- app/page.tsx | 55 ++- assets/julientromeur-cartoon-477.gif | Bin 0 -> 5963039 bytes assets/kuzu420-elder-26145.gif | Bin 0 -> 22456 bytes ...milaoktasafitri-astronomy-9746537_1920.png | Bin 0 -> 127352 bytes assets/mohamed_hassan-hands-8731277_1920.png | Bin 0 -> 67539 bytes .../mohamed_hassan-hiking-10223379_1920.png | Bin 0 -> 165550 bytes assets/mxj-files-planet-27066.gif | Bin 0 -> 3607010 bytes ...art-vectors-shooting-star-2024127_1920.png | Bin 0 -> 134686 bytes assets/satheeshsankaran-rocket-158.gif | Bin 0 -> 1203085 bytes assets/saws.png | Bin 0 -> 84222 bytes assets/scws-logo-no-bg.png | Bin 0 -> 412554 bytes assets/slimane-kadi-moon-9824889_1920.png | Bin 0 -> 234654 bytes assets/stux-watercolor-4116932_1920.png | Bin 0 -> 1116389 bytes assets/u_mey4kjj5ww-angry-2498.gif | Bin 0 -> 91965 bytes components/Menubar.css | 252 ---------- components/contact-form.css | 167 +++++++ components/contact-form.tsx | 73 +++ components/content-card-carousel.css | 62 +++ components/content-card-carousel.tsx | 126 +++++ components/footer.tsx | 22 + components/hero-section.css | 13 +- components/hero-section.tsx | 24 +- components/menubar.tsx | 74 --- components/pic-with-text.tsx | 23 +- components/site-header.css | 463 ++++++++++++++++++ components/site-header.tsx | 147 ++++++ components/social-media-links.tsx | 54 ++ components/ui/content-cards.css | 137 ++++++ components/ui/content-cards.tsx | 55 ++- 32 files changed, 1394 insertions(+), 386 deletions(-) create mode 100644 assets/julientromeur-cartoon-477.gif create mode 100644 assets/kuzu420-elder-26145.gif create mode 100644 assets/milaoktasafitri-astronomy-9746537_1920.png create mode 100644 assets/mohamed_hassan-hands-8731277_1920.png create mode 100644 assets/mohamed_hassan-hiking-10223379_1920.png create mode 100644 assets/mxj-files-planet-27066.gif create mode 100644 assets/openclipart-vectors-shooting-star-2024127_1920.png create mode 100644 assets/satheeshsankaran-rocket-158.gif create mode 100644 assets/saws.png create mode 100644 assets/scws-logo-no-bg.png create mode 100644 assets/slimane-kadi-moon-9824889_1920.png create mode 100644 assets/stux-watercolor-4116932_1920.png create mode 100644 assets/u_mey4kjj5ww-angry-2498.gif delete mode 100644 components/Menubar.css create mode 100644 components/contact-form.css create mode 100644 components/contact-form.tsx create mode 100644 components/content-card-carousel.css create mode 100644 components/content-card-carousel.tsx create mode 100644 components/footer.tsx delete mode 100644 components/menubar.tsx create mode 100644 components/site-header.css create mode 100644 components/site-header.tsx create mode 100644 components/social-media-links.tsx create mode 100644 components/ui/content-cards.css diff --git a/app/contact/page.tsx b/app/contact/page.tsx index 53d875f..a132a3e 100644 --- a/app/contact/page.tsx +++ b/app/contact/page.tsx @@ -1,5 +1,11 @@ -export default function Page() { - return ( -

contact page

- ) -} \ No newline at end of file +import ContactForm from '@/components/contact-form' + +export default function ContactPage() { + return ( +
+
+ +
+
+ ) +} diff --git a/app/globals.css b/app/globals.css index 7d8efcb..211e657 100644 --- a/app/globals.css +++ b/app/globals.css @@ -19,6 +19,10 @@ } } +html { + scroll-padding-top: 100px; +} + body { background: var(--background); color: var(--foreground); diff --git a/app/layout.tsx b/app/layout.tsx index 7e6c23a..dbbf99d 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,7 +1,8 @@ import type { Metadata } from "next"; import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; -import Menubar from '../components/menubar'; +import SiteHeader from '../components/site-header'; +import Footer from "@/components/footer"; const geistSans = Geist({ variable: "--font-geist-sans", @@ -18,6 +19,11 @@ export const metadata: Metadata = { description: "Generated by create next app", }; +export const viewport = { + width: "device-width", + initialScale: 1, +}; + export default function RootLayout({ children, }: Readonly<{ @@ -29,8 +35,9 @@ export default function RootLayout({ className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`} > - - {children} + + {children} +