Skip to content

Commit 592093e

Browse files
chetannn-githubchetannn-github
committed
feat: enhance CTA, Footer, Hero, and Login components with external links and improved layout
1 parent cf15cbc commit 592093e

4 files changed

Lines changed: 40 additions & 35 deletions

File tree

‎web/src/components/CTA.jsx‎

Lines changed: 22 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import { Link } from "react-router-dom";
12
import { Button } from "./ui/button";
23
import { ArrowRight, Github } from "lucide-react";
34

@@ -11,31 +12,35 @@ const CTA = () => {
1112
</h2>
1213
<p className="text-xl text-primary-foreground/90">
1314
Deploy your own feature flag management system in minutes.
14-
Full source code, complete documentation, and enterprise-ready architecture.
15+
Full source code.
1516
</p>
1617

1718
<div className="flex flex-col sm:flex-row gap-4 justify-center items-center">
18-
<Button size="lg" variant="secondary" className="group min-w-[200px]">
19-
Deploy Now
20-
<ArrowRight className="ml-2 h-4 w-4 transition-transform group-hover:translate-x-1" />
21-
</Button>
22-
<Button
23-
size="lg"
24-
variant="outline"
25-
className="group min-w-[200px] border-primary-foreground/20 text-primary-foreground hover:bg-primary-foreground/10"
26-
>
27-
<Github className="mr-2 h-4 w-4" />
28-
View on GitHub
29-
</Button>
19+
20+
<a href="https://www.npmjs.com/package/feature-flow-react-sdk" target="_blank" rel="noopener noreferrer">
21+
<Button size="lg" variant="secondary" className="group min-w-[200px]">
22+
Deploy Now
23+
<ArrowRight className="ml-2 h-4 w-4 transition-transform group-hover:translate-x-1" />
24+
</Button>
25+
</a>
26+
27+
28+
<a href="https://github.com/chetannn-github/feature-flow" target="_blank" rel="noopener noreferrer">
29+
<Button
30+
size="lg"
31+
variant="ghost"
32+
className="group min-w-[200px] border-primary-foreground/20 text-primary-foreground hover:bg-primary-foreground/10"
33+
>
34+
<Github className="mr-2 h-4 w-4" />
35+
View on GitHub
36+
</Button>
37+
</a>
3038
</div>
3139

3240
<div className="pt-8 border-t border-primary-foreground/20">
33-
<p className="text-primary-foreground/70 text-sm">
34-
Join developers who've deployed their own feature flag systems
35-
</p>
3641
<div className="flex justify-center items-center gap-8 mt-4 text-primary-foreground/60">
3742
<div className="text-center">
38-
<div className="text-lg font-semibold">Self-Hosted</div>
43+
<div className="text-lg font-semibold">Easy to use</div>
3944
<div className="text-xs">Complete Control</div>
4045
</div>
4146

‎web/src/components/Footer.jsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,11 +16,11 @@ const Footer = () => {
1616
Self-hosted feature flag management platform built with the MERN stack.
1717
</p>
1818
<div className="flex gap-4">
19-
<a href="https://github.com/chetannn-github/" className="text-muted-foreground hover:text-red-500 transition-colors">
19+
<a href="https://github.com/chetannn-github/" target="_blank" rel="noopener noreferrer" className="text-muted-foreground hover:text-red-500 transition-colors">
2020
<Github className="h-5 w-5" />
2121
</a>
2222

23-
<a href="https://www.linkedin.com/in/chetannn/" className="text-muted-foreground hover:text-blue-800 transition-colors">
23+
<a href="https://www.linkedin.com/in/chetannn/" target="_blank" rel="noopener noreferrer" className="text-muted-foreground hover:text-blue-800 transition-colors">
2424
<Linkedin className="h-5 w-5" />
2525
</a>
2626
</div>
@@ -29,7 +29,7 @@ const Footer = () => {
2929
<div className="space-y-4">
3030
<h3 className="font-semibold">Contact</h3>
3131
<ul className="space-y-2">
32-
<li><a href="mailto:chetan.rajawat25@gmail.com" className="text-muted-foreground hover:text-foreground transition-colors">Email Us</a></li>
32+
<li><a href="mailto:chetan.rajawat25@gmail.com" target="_blank" rel="noopener noreferrer" className="text-muted-foreground hover:text-foreground transition-colors">Email Us : chetan.rajawat@gmail.com</a></li>
3333
</ul>
3434
</div>
3535
</div>

‎web/src/components/Hero.jsx‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import { Button } from "./ui/button";
2-
import { ArrowRight, Play } from "lucide-react";
2+
import { ArrowRight } from "lucide-react";
33
import heroImg from "../assets/hero.jpg"
4+
import { Link } from "react-router-dom";
45

56
const Hero = () => {
67
return (
@@ -15,29 +16,28 @@ const Hero = () => {
1516
<span className="block text-accent-foreground">Made Simple</span>
1617
</h1>
1718
<p className="text-xl text-primary-foreground/90 lg:max-w-lg">
18-
Self-hosted feature flag management with MongoDB storage, React SDK, and secure API key management. Toggle features without redeployments.
19+
Feature flag management with MongoDB storage, React SDK, and secure API key management. Toggle features without redeployments.
1920
</p>
2021
</div>
2122

2223
<div className="flex flex-col gap-4 sm:flex-row">
23-
<Button size="lg" variant="secondary" className="group">
24-
Get Started
25-
<ArrowRight className="ml-2 h-4 w-4 transition-transform group-hover:translate-x-1" />
26-
</Button>
27-
<Button size="lg" variant="outline" className="group border-primary-foreground/20 text-primary-foreground hover:bg-primary-foreground/10">
28-
<Play className="mr-2 h-4 w-4" />
29-
View Demo
30-
</Button>
24+
<Link to={"/dashboard"}>
25+
<Button size="lg" variant="secondary" className="group">
26+
Get Started
27+
<ArrowRight className="ml-2 h-4 w-4 transition-transform group-hover:translate-x-1" />
28+
</Button>
29+
</Link>
30+
3131
</div>
3232

3333
<div className="flex items-center gap-8 pt-4">
3434
<div className="text-center">
35-
<div className="text-2xl font-bold text-primary-foreground">100%</div>
36-
<div className="text-sm text-primary-foreground/70">Self-hosted</div>
35+
<div className="text-2xl font-bold text-primary-foreground">Easy</div>
36+
<div className="text-sm text-primary-foreground/70">Integration</div>
3737
</div>
3838
<div className="text-center">
39-
<div className="text-2xl font-bold text-primary-foreground">Zero</div>
40-
<div className="text-sm text-primary-foreground/70">Downtime</div>
39+
<div className="text-2xl font-bold text-primary-foreground">Fast</div>
40+
<div className="text-sm text-primary-foreground/70">Shipping</div>
4141
</div>
4242
<div className="text-center">
4343
<div className="text-2xl font-bold text-primary-foreground">React</div>

‎web/src/pages/Login.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ export default function Login() {
4040
<div className="absolute top-1/4 left-1/4 w-64 h-64 bg-purple-500/20 rounded-full blur-3xl animate-pulse"></div>
4141
<div className="absolute bottom-1/4 right-1/4 w-48 h-48 bg-blue-500/20 rounded-full blur-2xl animate-pulse delay-1000"></div>
4242

43-
<div className="relative w-full max-w-md z-10">ç
43+
<div className="relative w-full max-w-md z-10">
4444

4545
<div className="text-center mb-8">
4646
<div className="flex items-center justify-center gap-3 mb-4">

0 commit comments

Comments
 (0)