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..486ae28 100644 --- a/landing-page/src/app/layout.tsx +++ b/landing-page/src/app/layout.tsx @@ -7,24 +7,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 ( -