Skip to content

Commit daa0864

Browse files
ariflogsariflogs
committed
introducing retorui pro
1 parent 346e014 commit daa0864

File tree

3 files changed

+96
-63
lines changed

3 files changed

+96
-63
lines changed

‎.github/workflows/deploy.yml

+2-2
Original file line numberDiff line numberDiff line change
@@ -24,8 +24,8 @@ jobs:
2424

2525
- name: Build and push to DockerHub
2626
run: |
27-
docker build -t devarifhossain/retroui:1.1.5 ./
28-
docker push devarifhossain/retroui:1.1.5
27+
docker build -t devarifhossain/retroui:1.1.6 ./
28+
docker push devarifhossain/retroui:1.1.6
2929
3030
# - name: Set up SSH
3131
# uses: webfactory/ssh-agent@v0.9.0

‎app/(marketing)/page.tsx

+11-10
Original file line numberDiff line numberDiff line change
@@ -69,9 +69,8 @@ export default async function Home() {
6969

7070
<Text as="h1" className="text-5xl lg:text-6xl">
7171
Make your projects
72-
</Text>
73-
<Text as="h1" className="text-5xl lg:text-6xl text-outlined">
74-
stand out!
72+
<br />
73+
<span className="text-outlined">stand out!</span>
7574
</Text>
7675

7776
<p className="text-lg text-muted-foreground mb-8 mt-4">
@@ -217,7 +216,7 @@ export default async function Home() {
217216
<Text as="h3" className="mb-2 font-sans">
218217
Github Stars
219218
</Text>
220-
<Text as="h1" className="text-outlined text-7xl lg:text-8xl">
219+
<Text className="text-outlined text-7xl lg:text-8xl font-head">
221220
350+
222221
</Text>
223222
<Image
@@ -232,7 +231,7 @@ export default async function Home() {
232231
<Text as="h3" className="mb-2 font-sans">
233232
Discord Members
234233
</Text>
235-
<Text as="h1" className="text-outlined text-7xl lg:text-8xl">
234+
<Text className="text-outlined text-7xl lg:text-8xl font-head">
236235
100+
237236
</Text>
238237
<Image
@@ -289,25 +288,27 @@ export default async function Home() {
289288
<section className="container max-w-6xl mx-auto px-4 lg:px-0 grid grid-cols-1 lg:grid-cols-2 gap-8 items-center my-36">
290289
<div className="w-full">
291290
<Text as="h2">
292-
The <span className="text-outlined">Figma</span> UI Kit You Were
293-
Looking For!
291+
Ship Faster With <span className="text-outlined">RetroUI Pro</span>!
294292
</Text>
295293
<div className="flex flex-col space-y-1 mt-6 mb-8 text-muted-foreground">
296294
<Text className="text-lg">
297295
- Based on the design foundation of RetroUI.
298296
</Text>
299297
<Text className="text-lg">
300-
- Comes with 60+ UI elements like cards, modals, stats, etc .
298+
- Over 50+ premium ready-to-use components.
299+
</Text>
300+
<Text className="text-lg">
301+
- Complete pre-built website templates.
301302
</Text>
302303
<Text className="text-lg">
303-
- Get Lifetime update of new versions.
304+
- Lifetime access to all future updates.
304305
</Text>
305306
</div>
306307

307308
<Link
308309
id="checkout-figma-kit"
309310
data-umami-event="checkout-figma-kit"
310-
href="https://dub.sh/retroui-figma"
311+
href="https://dub.sh/retroui-pro"
311312
target="_blank"
312313
>
313314
<Button>Checkout Now</Button>

‎components/TopNav.tsx

+83-51
Original file line numberDiff line numberDiff line change
@@ -3,69 +3,101 @@ import Link from "next/link";
33
import Image from "next/image";
44
import { GithubIcon, HeartIcon } from "lucide-react";
55
import HamburgerMenu from "./HamburgerMenu";
6-
import { Button } from "@/components/ui";
6+
import { Button, Text } from "@/components/ui";
77
import { navConfig } from "@/config/navigation";
88

99
export default function TopNav() {
1010
return (
11-
<nav className="fixed top-0 h-16 left-0 right-0 w-full border-b-2 border-black bg-white">
12-
<div className="container max-w-6xl px-4 lg:px-0 mx-auto">
13-
<div className="flex justify-between items-center h-16">
14-
{/* Logo Section */}
15-
<div className="shrink-0">
16-
<a
17-
href="/"
18-
className="text-black font-head text-2xl flex items-end"
19-
>
20-
<Image
21-
src="/images/logo_full.png"
22-
alt="retro ui logo"
23-
className="mr-2"
24-
height={30}
25-
width={60}
26-
/>
27-
RetroUI
11+
<>
12+
<nav className="fixed top-0 left-0 right-0 w-full border-b-2 border-black bg-white">
13+
<div className="w-full bg-black text-white">
14+
<div className="container max-w-6xl mx-auto px-4 py-2 flex justify-between md:justify-center space-x-4 items-center">
15+
<Text className="text-sm text-center">
16+
Introducing{" "}
17+
<a
18+
href="https://dub.sh/retroui-pro"
19+
target="_blank"
20+
className="underline font-bold"
21+
>
22+
RetroUI Pro.
23+
</a>
24+
<span className="hidden md:block">
25+
Ship faster with premium blocks, templates, figma ui-kit and
26+
more!
27+
</span>
28+
</Text>
29+
<a href="https://dub.sh/retroui-pro" target="_blank">
30+
<Button
31+
size="sm"
32+
className="shadow-none font-sans font-bold px-2 py-1"
33+
>
34+
Learn More
35+
</Button>
2836
</a>
2937
</div>
38+
</div>
39+
<div className="container max-w-6xl px-4 lg:px-0 mx-auto">
40+
<div className="flex justify-between items-center h-16">
41+
{/* Logo Section */}
42+
<div className="shrink-0">
43+
<a
44+
href="/"
45+
className="text-black font-head text-2xl flex items-end"
46+
>
47+
<Image
48+
src="/images/logo_full.png"
49+
alt="retro ui logo"
50+
className="mr-2"
51+
height={30}
52+
width={60}
53+
/>
54+
RetroUI
55+
</a>
56+
</div>
57+
58+
{/* Navigation Links */}
59+
<div className="hidden md:flex space-x-6">
60+
{navConfig.topNavItems.map((item) => (
61+
<Link
62+
key={item.title}
63+
href={item.href}
64+
className="hover:underline decoration-primary underline-offset-2 transition-all"
65+
>
66+
{item.title}
67+
</Link>
68+
))}
69+
</div>
3070

31-
{/* Navigation Links */}
32-
<div className="hidden md:flex space-x-6">
33-
{navConfig.topNavItems.map((item) => (
71+
<div className="flex items-center space-x-4 lg:hidden">
3472
<Link
35-
key={item.title}
36-
href={item.href}
37-
className="hover:underline decoration-primary underline-offset-2 transition-all"
73+
href="https://github.com/Logging-Stuff/retroui"
74+
target="_blank"
75+
rel="noopener noreferrer"
3876
>
39-
{item.title}
77+
<GithubIcon />
4078
</Link>
41-
))}
42-
</div>
79+
<HamburgerMenu />
80+
</div>
4381

44-
<div className="flex items-center space-x-4 lg:hidden">
45-
<Link
46-
href="https://github.com/Logging-Stuff/retroui"
47-
target="_blank"
48-
rel="noopener noreferrer"
49-
>
50-
<GithubIcon />
51-
</Link>
52-
<HamburgerMenu />
53-
</div>
54-
55-
<div className="hidden lg:flex items-center">
56-
<Link
57-
href="https://github.com/Logging-Stuff/retroui"
58-
target="_blank"
59-
rel="noopener noreferrer"
60-
>
61-
<Button className="flex items-center" variant="outline" size="sm">
62-
<GithubIcon size="16" className="mr-2" />
63-
Star on GitHub
64-
</Button>
65-
</Link>
82+
<div className="hidden lg:flex items-center">
83+
<Link
84+
href="https://github.com/Logging-Stuff/retroui"
85+
target="_blank"
86+
rel="noopener noreferrer"
87+
>
88+
<Button
89+
className="flex items-center"
90+
variant="outline"
91+
size="sm"
92+
>
93+
<GithubIcon size="16" className="mr-2" />
94+
Star on GitHub
95+
</Button>
96+
</Link>
97+
</div>
6698
</div>
6799
</div>
68-
</div>
69-
</nav>
100+
</nav>
101+
</>
70102
);
71103
}

0 commit comments

Comments
 (0)