Skip to content

Commit c40536e

Browse files
kpj2006kpj2006
authored
Merge pull request #136 from Sarthakkad05/feature/next-website
feat: update UI of landing-page to match AOSSIE brand theme and layout structure
2 parents 6895348 + db10c4d commit c40536e

4 files changed

Lines changed: 49 additions & 33 deletions

File tree

‎landing-page/src/app/globals.css‎

Lines changed: 19 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -4,32 +4,30 @@
44

55
@layer base {
66
.dark, .dark:root {
7-
--background: 0 0% 5%; /* Very dark gray/black #0d0d0d */
8-
--foreground: 0 0% 98%;
9-
--primary: 48 100% 50%; /* #FFCC00 */
10-
--primary-foreground: 0 0% 0%;
11-
--secondary: 145 100% 39%; /* #00C853 */
12-
--secondary-foreground: 0 0% 100%;
13-
--card: 0 0% 10%;
14-
--card-foreground: 0 0% 98%;
15-
--border: 0 0% 20%;
7+
--background: #212121;
8+
--foreground: #fafafa;
9+
--primary: #FFCC00;
10+
--primary-foreground: #000000;
11+
--secondary: #2E8B00;
12+
--secondary-foreground: #ffffff;
13+
--card: #292929;
14+
--card-foreground: #fafafa;
15+
--border: #333333;
1616
}
1717
}
1818

1919
@layer base {
2020
:root {
21-
--background: 0 0% 100%;
22-
--foreground: 0 0% 0%;
23-
--primary: 48 100% 50%; /* #FFCC00 */
24-
--primary-foreground: 0 0% 0%;
25-
--secondary: 145 100% 39%; /* #00C853 */
26-
--secondary-foreground: 0 0% 100%;
27-
--card: 0 0% 100%;
28-
--card-foreground: 0 0% 0%;
29-
--border: 0 0% 0%;
21+
--background: #ffffff;
22+
--foreground: #000000;
23+
--primary: #FFCC00;
24+
--primary-foreground: #000000;
25+
--secondary: #2E8B00;
26+
--secondary-foreground: #ffffff;
27+
--card: #ffffff;
28+
--card-foreground: #000000;
29+
--border: #000000;
3030
}
31-
32-
3331
}
3432

3533
@layer base {
@@ -53,4 +51,4 @@
5351
-ms-overflow-style: none;
5452
scrollbar-width: none;
5553
}
56-
}
54+
}

‎landing-page/src/app/layout.tsx‎

Lines changed: 28 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -7,24 +7,42 @@ const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
77
const playfair = Playfair_Display({ subsets: ["latin"], variable: "--font-playfair" });
88

99
export const metadata: Metadata = {
10-
title: "Social Share Button - Lightweight social sharing",
11-
description: "Lightweight socialshare button library for modern websites. Zero dependencies, <10KB, Any framework.",
10+
title: "SocialShareButton",
11+
description: "Lightweight social share button library",
1212
};
1313

1414
export default function RootLayout({
1515
children,
16-
}: Readonly<{
16+
}: {
1717
children: React.ReactNode;
18-
}>) {
18+
}) {
1919
return (
2020
<html lang="en" suppressHydrationWarning>
21-
<body
22-
className={`${inter.variable} ${playfair.variable} antialiased font-sans bg-background text-foreground`}
23-
>
24-
<ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
25-
{children}
21+
<body className={`${inter.variable} ${playfair.variable} font-sans`}>
22+
<ThemeProvider attribute="class" defaultTheme="dark" enableSystem={false}>
23+
24+
{/* Three-column layout */}
25+
<div className="flex min-h-screen">
26+
27+
{/* Left fixed panel */}
28+
<div className="hidden lg:block w-[120px] shrink-0">
29+
<div className="fixed top-0 left-0 w-[120px] h-full bg-[#e8e8e8] dark:bg-[#111111] border-r border-neutral-200 dark:border-neutral-900 z-40" />
30+
</div>
31+
32+
{/* Main content */}
33+
<div className="flex-1 min-w-0">
34+
{children}
35+
</div>
36+
37+
{/* Right fixed panel */}
38+
<div className="hidden lg:block w-[120px] shrink-0">
39+
<div className="fixed top-0 right-0 w-[120px] h-full bg-[#e8e8e8] dark:bg-[#111111] border-l border-neutral-200 dark:border-neutral-900 z-40" />
40+
</div>
41+
42+
</div>
43+
2644
</ThemeProvider>
2745
</body>
2846
</html>
2947
);
30-
}
48+
}

‎landing-page/src/components/Hero.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ export function Hero() {
3939

4040
{/* Floating Mockup */}
4141
<div className="relative mx-auto w-full max-w-md lg:max-w-none lg:ml-auto perspective-1000">
42-
<div className="rounded-xl border-2 border-[#FFCC00] bg-background p-6 shadow-[0_0_30px_rgba(255,204,0,0.15)] transform-gpu hover:-translate-y-2 transition-transform duration-500">
42+
<div className="rounded-xl border-2 border-[#FFCC00] bg-card p-6 shadow-[0_0_30px_rgba(255,204,0,0.15)] transform-gpu hover:-translate-y-2 transition-transform duration-500">
4343
<div className="flex items-center justify-between mb-8 cursor-move">
4444
<h3 className="font-serif text-2xl font-bold text-center w-full text-[#00C853]">Share this Page</h3>
4545
<button className="absolute right-4 top-4 text-neutral-400 hover:text-foreground">✕</button>

‎landing-page/src/components/Navbar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ export function Navbar() {
88
const { theme, setTheme } = useTheme();
99

1010
return (
11-
<nav className="fixed top-0 w-full z-50 border-b border-white/10 bg-background/80 backdrop-blur-md">
11+
<nav className="fixed top-0 left-0 right-0 lg:left-[120px] lg:right-[120px] z-50 border-b border-white/10 bg-background/80 backdrop-blur-md">
1212
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
1313
<div className="flex justify-between items-center h-16">
1414
{/* Logo */}

0 commit comments

Comments
 (0)