From 7b8a8539bf72d0fbbff3d770c1bfd8af5dc4e065 Mon Sep 17 00:00:00 2001 From: Sarthakkad05 Date: Sun, 29 Mar 2026 21:29:03 +0530 Subject: [PATCH 1/2] feat: update theme to match AOSSIE brand colors and layout --- landing-page/src/app/globals.css | 40 +++++++-------- landing-page/src/app/layout.tsx | 70 ++++++++++++++++++++++---- landing-page/src/components/Hero.tsx | 2 +- landing-page/src/components/Navbar.tsx | 2 +- 4 files changed, 81 insertions(+), 33 deletions(-) diff --git a/landing-page/src/app/globals.css b/landing-page/src/app/globals.css index c357f40..de4df22 100644 --- a/landing-page/src/app/globals.css +++ b/landing-page/src/app/globals.css @@ -4,32 +4,30 @@ @layer base { .dark, .dark:root { - --background: 0 0% 5%; /* Very dark gray/black #0d0d0d */ - --foreground: 0 0% 98%; - --primary: 48 100% 50%; /* #FFCC00 */ - --primary-foreground: 0 0% 0%; - --secondary: 145 100% 39%; /* #00C853 */ - --secondary-foreground: 0 0% 100%; - --card: 0 0% 10%; - --card-foreground: 0 0% 98%; - --border: 0 0% 20%; + --background: #212121; + --foreground: #fafafa; + --primary: #FFCC00; + --primary-foreground: #000000; + --secondary: #2E8B00; + --secondary-foreground: #ffffff; + --card: #292929; + --card-foreground: #fafafa; + --border: #333333; } } @layer base { :root { - --background: 0 0% 100%; - --foreground: 0 0% 0%; - --primary: 48 100% 50%; /* #FFCC00 */ - --primary-foreground: 0 0% 0%; - --secondary: 145 100% 39%; /* #00C853 */ - --secondary-foreground: 0 0% 100%; - --card: 0 0% 100%; - --card-foreground: 0 0% 0%; - --border: 0 0% 0%; + --background: #ffffff; + --foreground: #000000; + --primary: #FFCC00; + --primary-foreground: #000000; + --secondary: #2E8B00; + --secondary-foreground: #ffffff; + --card: #ffffff; + --card-foreground: #000000; + --border: #000000; } - - } @layer base { @@ -53,4 +51,4 @@ -ms-overflow-style: none; scrollbar-width: none; } -} +} \ No newline at end of file diff --git a/landing-page/src/app/layout.tsx b/landing-page/src/app/layout.tsx index 4152b40..5acc4a0 100644 --- a/landing-page/src/app/layout.tsx +++ b/landing-page/src/app/layout.tsx @@ -1,3 +1,35 @@ +// import type { Metadata } from "next"; +// import { Inter, Playfair_Display } from "next/font/google"; +// import "./globals.css"; +// import { ThemeProvider } from "@/components/ThemeProvider"; + +// const inter = Inter({ subsets: ["latin"], variable: "--font-inter" }); +// const playfair = Playfair_Display({ subsets: ["latin"], variable: "--font-playfair" }); + +// export const metadata: Metadata = { +// title: "Social Share Button - Lightweight social sharing", +// description: "Lightweight socialshare button library for modern websites. Zero dependencies, <10KB, Any framework.", +// }; + +// export default function RootLayout({ +// children, +// }: Readonly<{ +// children: React.ReactNode; +// }>) { +// return ( +// +// +// +// {children} +// +// +// +// ); +// } + + import type { Metadata } from "next"; import { Inter, Playfair_Display } from "next/font/google"; import "./globals.css"; @@ -7,24 +39,42 @@ const inter = Inter({ subsets: ["latin"], variable: "--font-inter" }); const playfair = Playfair_Display({ subsets: ["latin"], variable: "--font-playfair" }); export const metadata: Metadata = { - title: "Social Share Button - Lightweight social sharing", - description: "Lightweight socialshare button library for modern websites. Zero dependencies, <10KB, Any framework.", + title: "SocialShareButton", + description: "Lightweight social share button library", }; export default function RootLayout({ children, -}: Readonly<{ +}: { children: React.ReactNode; -}>) { +}) { return ( - - - {children} + + + + {/* Three-column layout */} +
+ + {/* Left fixed panel */} +
+
+
+ + {/* Main content */} +
+ {children} +
+ + {/* Right fixed panel */} +
+
+
+ +
+ ); -} +} \ No newline at end of file diff --git a/landing-page/src/components/Hero.tsx b/landing-page/src/components/Hero.tsx index e685a96..cbefc45 100644 --- a/landing-page/src/components/Hero.tsx +++ b/landing-page/src/components/Hero.tsx @@ -39,7 +39,7 @@ export function Hero() { {/* Floating Mockup */}
-
+

Share this Page

diff --git a/landing-page/src/components/Navbar.tsx b/landing-page/src/components/Navbar.tsx index b1dc11c..80638e2 100644 --- a/landing-page/src/components/Navbar.tsx +++ b/landing-page/src/components/Navbar.tsx @@ -8,7 +8,7 @@ export function Navbar() { const { theme, setTheme } = useTheme(); return ( -