Skip to content

Commit 7441a4e

Browse files
danmabydanmaby
committed
feat(app/page.tsx, app/layout.tsx, app/code-of-conduct/page.tsx, app/privacy-policy/page.tsx): enhance UI and add links
1 parent 6eafffe commit 7441a4e

4 files changed

Lines changed: 87 additions & 36 deletions

File tree

‎app/code-of-conduct/page.tsx‎

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,18 @@ export default function CodeOfConduct() {
33
<div className="container mx-auto px-4 py-8 max-w-3xl">
44
<h1 className="text-3xl font-bold mb-4">Code of Conduct</h1>
55
<p className="mb-4">
6-
Open Web Events is dedicated to providing a harassment-free and
7-
inclusive experience for everyone, regardless of gender, gender identity
8-
and expression, sexual orientation, disability, physical appearance,
9-
body size, race, age, religion, or technology choices.
6+
<a
7+
href="https://openwebevents.com"
8+
className="text-primary hover:underline"
9+
target="_blank"
10+
rel="noopener noreferrer"
11+
>
12+
Open Web Events
13+
</a>{" "}
14+
is dedicated to providing a harassment-free and inclusive experience for
15+
everyone, regardless of gender, gender identity and expression, sexual
16+
orientation, disability, physical appearance, body size, race, age,
17+
religion, or technology choices.
1018
</p>
1119
<h2 className="text-2xl font-semibold mb-2">Expected Behavior</h2>
1220
<ul className="list-disc pl-5 mb-4">

‎app/layout.tsx‎

Lines changed: 27 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -75,13 +75,36 @@ export default function RootLayout({
7575
className="text-2xl font-bold hover:text-primary transition-colors"
7676
aria-label="Open Web Events - Home"
7777
>
78-
Open Web Events
78+
Open Web Conference
7979
</Link>
8080
<ModeToggle />
8181
</header>
82-
<main>{children}</main>
83-
<footer className="container mx-auto p-4 text-center text-sm text-muted-foreground">
84-
© {new Date().getFullYear()} Open Web Events. All rights reserved.
82+
<main className="bg-gradient-to-b from-white to-[#F3F4F6]">
83+
{children}
84+
</main>
85+
<footer className="container mx-auto p-4">
86+
<div className="flex flex-col sm:flex-row justify-center items-center gap-2 text-sm text-muted-foreground">
87+
<div>
88+
© {new Date().getFullYear()} Open Web Events. All rights
89+
reserved.
90+
</div>
91+
<div className="hidden sm:block">•</div>
92+
<div className="flex items-center gap-2">
93+
<Link
94+
href="/privacy-policy"
95+
className="hover:underline hover:text-primary transition-colors"
96+
>
97+
Privacy Policy
98+
</Link>
99+
<span>•</span>
100+
<Link
101+
href="/code-of-conduct"
102+
className="hover:underline hover:text-primary transition-colors"
103+
>
104+
Code of Conduct
105+
</Link>
106+
</div>
107+
</div>
85108
</footer>
86109
<Toaster />
87110
</ThemeProvider>

‎app/page.tsx‎

Lines changed: 35 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -90,21 +90,24 @@ export default function Home() {
9090
};
9191

9292
return (
93-
<div className="container mx-auto px-4 space-y-12 py-8">
94-
<section className="text-center space-y-4">
95-
<h1 className="text-4xl font-bold sm:text-5xl md:text-6xl">
93+
<div className="container mx-auto px-4 space-y-16 py-12 min-h-screen">
94+
<section className="text-center space-y-6">
95+
<h1 className="text-5xl font-bold sm:text-6xl md:text-7xl bg-gradient-to-r from-purple-600 to-blue-600 text-transparent bg-clip-text">
9696
The Open Web Conference
9797
</h1>
98-
<p className="text-xl sm:text-2xl text-muted-foreground max-w-2xl mx-auto">
98+
<p className="text-xl sm:text-2xl text-muted-foreground max-w-2xl mx-auto leading-relaxed">
9999
Join us in celebrating open-source innovation and community
100100
collaboration at the premier event for open web advocates.
101101
</p>
102-
<Button asChild>
102+
<Button size="lg" asChild>
103103
<Link href="#subscribe">Stay Updated</Link>
104104
</Button>
105105
</section>
106106

107-
<section id="about" className="space-y-4 max-w-3xl mx-auto">
107+
<section
108+
id="about"
109+
className="space-y-6 max-w-3xl mx-auto backdrop-blur-sm bg-card/50 p-8 rounded-lg border"
110+
>
108111
<h2 className="text-3xl font-bold">What is the Open Web Conference?</h2>
109112
<p>
110113
The Open Web Conference is the flagship event dedicated to fostering a
@@ -132,7 +135,10 @@ export default function Home() {
132135
</ul>
133136
</section>
134137

135-
<section id="mission" className="space-y-4 max-w-3xl mx-auto">
138+
<section
139+
id="mission"
140+
className="space-y-6 max-w-3xl mx-auto backdrop-blur-sm bg-card/50 p-8 rounded-lg border"
141+
>
136142
<h2 className="text-3xl font-bold">Our Mission</h2>
137143
<p>
138144
<span className="font-bold">At Open Web Conference</span>, our mission
@@ -155,8 +161,11 @@ export default function Home() {
155161
</p>
156162
</section>
157163

158-
<section id="subscribe" className="space-y-4 max-w-md mx-auto">
159-
<h2 className="text-3xl font-bold text-center">
164+
<section
165+
id="subscribe"
166+
className="space-y-6 max-w-3xl mx-auto backdrop-blur-sm bg-card/50 p-8 rounded-lg border"
167+
>
168+
<h2 className="text-3xl font-bold text-center bg-gradient-to-r from-purple-600 to-blue-600 text-transparent bg-clip-text">
160169
Be Part of the Movement
161170
</h2>
162171
<p className="text-center text-muted-foreground">
@@ -186,10 +195,14 @@ export default function Home() {
186195
</form>
187196
</section>
188197

189-
<section className="text-center space-y-4">
198+
<section className="text-center space-y-6">
190199
<h2 className="text-3xl font-bold">Connect With Us</h2>
191-
<div className="flex flex-col sm:flex-row justify-center gap-3 sm:space-x-4">
192-
<Button variant="outline" asChild className="w-full sm:w-auto">
200+
<div className="flex flex-col sm:flex-row justify-center gap-4 sm:space-x-4">
201+
<Button
202+
variant="outline"
203+
asChild
204+
className="w-full sm:w-auto hover:bg-card/50 transition-all duration-300"
205+
>
193206
<Link
194207
href="https://x.com/OpenWebEvents"
195208
target="_blank"
@@ -199,7 +212,11 @@ export default function Home() {
199212
Twitter
200213
</Link>
201214
</Button>
202-
<Button variant="outline" asChild className="w-full sm:w-auto">
215+
<Button
216+
variant="outline"
217+
asChild
218+
className="w-full sm:w-auto hover:bg-card/50 transition-all duration-300"
219+
>
203220
<Link
204221
href="https://www.linkedin.com/company/openwebevents"
205222
target="_blank"
@@ -209,7 +226,11 @@ export default function Home() {
209226
LinkedIn
210227
</Link>
211228
</Button>
212-
<Button variant="outline" asChild className="w-full sm:w-auto">
229+
<Button
230+
variant="outline"
231+
asChild
232+
className="w-full sm:w-auto hover:bg-card/50 transition-all duration-300"
233+
>
213234
<Link
214235
href="https://github.com/OpenWebEvents"
215236
target="_blank"
@@ -221,16 +242,6 @@ export default function Home() {
221242
</Button>
222243
</div>
223244
</section>
224-
225-
<section className="text-center space-y-2 text-sm text-muted-foreground">
226-
<Link href="/privacy-policy" className="hover:underline">
227-
Privacy Policy
228-
</Link>
229-
<span> | </span>
230-
<Link href="/code-of-conduct" className="hover:underline">
231-
Code of Conduct
232-
</Link>
233-
</section>
234245
</div>
235246
);
236247
}

‎app/privacy-policy/page.tsx‎

Lines changed: 13 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,19 @@ export default function PrivacyPolicy() {
33
<div className="container mx-auto px-4 py-8 max-w-3xl">
44
<h1 className="text-3xl font-bold mb-4">Privacy Policy</h1>
55
<p className="mb-4">
6-
At Open Web Events, we are committed to protecting your privacy and
7-
ensuring the security of your personal information. This Privacy Policy
8-
outlines how we collect, use, and safeguard your data when you interact
9-
with our website and services.
6+
At{" "}
7+
<a
8+
href="https://openwebevents.com"
9+
className="text-primary hover:underline"
10+
target="_blank"
11+
rel="noopener noreferrer"
12+
>
13+
Open Web Events
14+
</a>{" "}
15+
, we are committed to protecting your privacy and ensuring the security
16+
of your personal information. This Privacy Policy outlines how we
17+
collect, use, and safeguard your data when you interact with our website
18+
and services.
1019
</p>
1120
<h2 className="text-2xl font-semibold mb-2">Information Collection</h2>
1221
<p className="mb-4">

0 commit comments

Comments
 (0)