From 4566f2559fe9872968b6d2899e36420db42165de Mon Sep 17 00:00:00 2001 From: Thatsaphorn Atchariyaphap Date: Wed, 2 Apr 2025 18:25:10 +0200 Subject: [PATCH] Migrate from old project --- app/{ => (root)}/favicon.ico | Bin app/(root)/globals.css | 38 + app/(root)/layout.tsx | 30 + app/(root)/page.tsx | 12 + app/contact/layout.tsx | 30 + app/contact/page.tsx | 12 + app/globals.css | 26 - app/layout.tsx | 34 - app/legal/imprint/page.tsx | 12 + app/legal/layout.tsx | 30 + app/legal/page.tsx | 10 + app/legal/privacy/page.tsx | 12 + app/legal/revocation/page.tsx | 12 + app/legal/terms-of-use/page.tsx | 12 + app/page.tsx | 103 -- components/Contact/Contact.tsx | 100 ++ components/Helper/SectionDivider.tsx | 24 + components/Helper/SmallHero.tsx | 40 + components/Helper/Theme.ts | 18 + components/Helper/ThemeColors.ts | 28 + components/Home/About/About.tsx | 58 + components/Home/Contact/ContactCTA.tsx | 47 + components/Home/Footer/Footer.tsx | 96 ++ components/Home/Hero/Hero.tsx | 45 + components/Home/Home.tsx | 40 + components/Home/Navbar/DesktopNav.tsx | 96 ++ components/Home/Navbar/MobileNav.tsx | 43 + components/Home/Navbar/Nav.tsx | 24 + components/Home/Offer/FullStack.tsx | 75 ++ components/Home/Offer/ManagedServices.tsx | 57 + components/Home/Offer/Offer.tsx | 28 + components/Legal/ImprintComp.tsx | 99 ++ components/Legal/PrivacyComp.tsx | 99 ++ components/Legal/RevocationComp.tsx | 98 ++ components/Legal/TermsOfUseComp.tsx | 99 ++ components/provider/ThemeProvider.tsx | 54 + constant/Constant.ts | 17 + package-lock.json | 1305 ++++++++++++++++++++- package.json | 21 +- postcss.config.mjs | 5 +- public/file.svg | 1 - public/globe.svg | 1 - public/images/About_Picture.png | Bin 0 -> 1918715 bytes public/images/contact.png | Bin 0 -> 2321721 bytes public/images/dart_logo.png | Bin 0 -> 16252 bytes public/images/flutter_logo.png | Bin 0 -> 3333 bytes public/images/hero.png | Bin 0 -> 1027469 bytes public/images/java_logo.png | Bin 0 -> 144520 bytes public/images/nextjs_logo.png | Bin 0 -> 11079 bytes public/images/software_dev.jpg | Bin 0 -> 226534 bytes public/next.svg | 1 - public/vercel.svg | 1 - public/window.svg | 1 - tailwind.config.ts | 11 + tsconfig.json | 2 + 55 files changed, 2774 insertions(+), 233 deletions(-) rename app/{ => (root)}/favicon.ico (100%) create mode 100644 app/(root)/globals.css create mode 100644 app/(root)/layout.tsx create mode 100644 app/(root)/page.tsx create mode 100644 app/contact/layout.tsx create mode 100644 app/contact/page.tsx delete mode 100644 app/globals.css delete mode 100644 app/layout.tsx create mode 100644 app/legal/imprint/page.tsx create mode 100644 app/legal/layout.tsx create mode 100644 app/legal/page.tsx create mode 100644 app/legal/privacy/page.tsx create mode 100644 app/legal/revocation/page.tsx create mode 100644 app/legal/terms-of-use/page.tsx delete mode 100644 app/page.tsx create mode 100644 components/Contact/Contact.tsx create mode 100644 components/Helper/SectionDivider.tsx create mode 100644 components/Helper/SmallHero.tsx create mode 100644 components/Helper/Theme.ts create mode 100644 components/Helper/ThemeColors.ts create mode 100644 components/Home/About/About.tsx create mode 100644 components/Home/Contact/ContactCTA.tsx create mode 100644 components/Home/Footer/Footer.tsx create mode 100644 components/Home/Hero/Hero.tsx create mode 100644 components/Home/Home.tsx create mode 100644 components/Home/Navbar/DesktopNav.tsx create mode 100644 components/Home/Navbar/MobileNav.tsx create mode 100644 components/Home/Navbar/Nav.tsx create mode 100644 components/Home/Offer/FullStack.tsx create mode 100644 components/Home/Offer/ManagedServices.tsx create mode 100644 components/Home/Offer/Offer.tsx create mode 100644 components/Legal/ImprintComp.tsx create mode 100644 components/Legal/PrivacyComp.tsx create mode 100644 components/Legal/RevocationComp.tsx create mode 100644 components/Legal/TermsOfUseComp.tsx create mode 100644 components/provider/ThemeProvider.tsx create mode 100644 constant/Constant.ts delete mode 100644 public/file.svg delete mode 100644 public/globe.svg create mode 100644 public/images/About_Picture.png create mode 100644 public/images/contact.png create mode 100644 public/images/dart_logo.png create mode 100644 public/images/flutter_logo.png create mode 100644 public/images/hero.png create mode 100644 public/images/java_logo.png create mode 100644 public/images/nextjs_logo.png create mode 100644 public/images/software_dev.jpg delete mode 100644 public/next.svg delete mode 100644 public/vercel.svg delete mode 100644 public/window.svg create mode 100644 tailwind.config.ts diff --git a/app/favicon.ico b/app/(root)/favicon.ico similarity index 100% rename from app/favicon.ico rename to app/(root)/favicon.ico diff --git a/app/(root)/globals.css b/app/(root)/globals.css new file mode 100644 index 0000000..aeaddc5 --- /dev/null +++ b/app/(root)/globals.css @@ -0,0 +1,38 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +@layer utilities { + .nav__link { + @apply relative text-base font-medium w-fit block after:block after:content-[''] after:absolute after:h-[3px] after:bg-pink-600 after:w-full after:scale-x-0 after:hover:scale-x-100 after:transition after:duration-300 after:origin-right; + } +} + +/* Global theme transition */ +.transition-theme { + transition: background-color 0.7s ease, color 0.7s ease; +} + +/* Light mode */ +/* Light mode */ +[data-theme="light"] { + --primary-bg: #FAFAFA; /* Soft off-white background */ + --secondary-bg: #F5F5F7; /* Gentle off-white for subtle separation */ + --primary-text: #2E2E2E; /* Dark grey text for clear readability */ + --secondary-text: #595959; /* Medium grey for less prominent text */ + --nav-bg: #F8F8F8; /* Light grey navigation background */ + --footer-bg: #E0E0E0; /* Slightly darker grey for footer contrast */ +} + +/* Dark mode */ +[data-theme="dark"] { + --primary-bg: #2C2C2C; /* Modern dark grey background */ + --secondary-bg: #333333; /* A touch lighter grey for section differentiation */ + --primary-text: #E0E0E0; /* Light grey text for optimal readability */ + --secondary-text: #B0B0B0; /* Medium grey for secondary text elements */ + --nav-bg: #272727; /* Subtle variation for the navigation area */ + --footer-bg: #242424; /* Deep grey footer to add visual depth */ +} + + + diff --git a/app/(root)/layout.tsx b/app/(root)/layout.tsx new file mode 100644 index 0000000..4cc8111 --- /dev/null +++ b/app/(root)/layout.tsx @@ -0,0 +1,30 @@ +import type {Metadata} from "next"; +import "./globals.css"; + +import Nav from "@/components/Home/Navbar/Nav"; +import Footer from "@/components/Home/Footer/Footer"; +import {ThemeProvider} from "@/components/provider/ThemeProvider"; +import React from "react"; + +export const metadata: Metadata = { + title: "Rhein Software", + description: "Rhein Software Development", +}; + +export default function RootLayout({ + children, + }: Readonly<{ + children: React.ReactNode; +}>) { + return ( + + + +