Skip to content

Commit 4664e6f

Browse files
ReddyyZReddyyZ
committed
fix: google play links
1 parent 6abe17d commit 4664e6f

4 files changed

Lines changed: 156 additions & 69 deletions

File tree

‎src/components/CTASection.tsx‎

Lines changed: 31 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,9 @@ import logo from "@/assets/logo.png";
55
interface CTASectionProps {
66
t: Translations;
77
}
8-
const CTASection = ({
9-
t
10-
}: CTASectionProps) => {
11-
return <section className="py-24 relative overflow-hidden">
8+
const CTASection = ({ t }: CTASectionProps) => {
9+
return (
10+
<section className="py-24 relative overflow-hidden">
1211
{/* Background */}
1312
<div className="absolute inset-0 bg-gradient-to-b from-background via-primary/5 to-background" />
1413
<div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-primary/10 rounded-full blur-3xl" />
@@ -17,7 +16,11 @@ const CTASection = ({
1716
<div className="max-w-3xl mx-auto text-center">
1817
{/* Logo */}
1918
<div className="mb-8">
20-
<img src={logo} alt="WorkoutLogs" className="h-20 mx-auto animate-float aspect-ratio-[2/1]" />
19+
<img
20+
src={logo}
21+
alt="WorkoutLogs"
22+
className="h-20 mx-auto animate-float aspect-ratio-[2/1]"
23+
/>
2124
</div>
2225

2326
<h2 className="text-3xl md:text-5xl font-bold mb-6">
@@ -32,23 +35,38 @@ const CTASection = ({
3235

3336
{/* Rating */}
3437
<div className="flex items-center justify-center gap-1 mb-8">
35-
{[1, 2, 3, 4, 5].map(star => <Star key={star} className={`w-5 h-5 ${star <= 4 ? 'text-yellow-400 fill-yellow-400' : 'text-yellow-400 fill-yellow-400/50'}`} />)}
36-
<span className="text-muted-foreground ml-2">4.8 {t.cta.ratingText}</span>
38+
{[1, 2, 3, 4, 5].map((star) => (
39+
<Star
40+
key={star}
41+
className={`w-5 h-5 ${
42+
star <= 5
43+
? "text-yellow-400 fill-yellow-400"
44+
: "text-yellow-400 fill-yellow-400/50"
45+
}`}
46+
/>
47+
))}
48+
<span className="text-muted-foreground ml-2">
49+
5.0 {t.cta.ratingText}
50+
</span>
3751
</div>
3852

3953
{/* CTA Button */}
4054
<Button variant="hero" size="xl" asChild>
41-
<a href="https://play.google.com/store/apps/details?id=com.workoutlogs" target="_blank" rel="noopener noreferrer" className="flex items-center gap-3">
55+
<a
56+
href="https://play.google.com/store/apps/details?id=com.reddyyz.WorkoutLogs&referrer=landingpage"
57+
target="_blank"
58+
rel="noopener noreferrer"
59+
className="flex items-center gap-3"
60+
>
4261
<Play className="w-5 h-5" />
4362
{t.cta.downloadButton}
4463
</a>
4564
</Button>
4665

47-
<p className="text-sm text-muted-foreground mt-4">
48-
{t.cta.features}
49-
</p>
66+
<p className="text-sm text-muted-foreground mt-4">{t.cta.features}</p>
5067
</div>
5168
</div>
52-
</section>;
69+
</section>
70+
);
5371
};
54-
export default CTASection;
72+
export default CTASection;

‎src/components/Header.tsx‎

Lines changed: 41 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -6,48 +6,75 @@ interface HeaderProps {
66
lang: "pt" | "en";
77
t: Translations;
88
}
9-
const Header = ({
10-
lang,
11-
t
12-
}: HeaderProps) => {
9+
const Header = ({ lang, t }: HeaderProps) => {
1310
const otherLang = lang === "pt" ? "en" : "pt";
1411
const otherLangLabel = lang === "pt" ? "EN" : "PT";
15-
return <header className="fixed top-0 left-0 right-0 z-50 bg-background/80 backdrop-blur-lg border-b border-border">
12+
return (
13+
<header className="fixed top-0 left-0 right-0 z-50 bg-background/80 backdrop-blur-lg border-b border-border">
1614
<div className="container flex items-center justify-between h-16">
1715
<Link to={`/${lang}`} className="flex items-center gap-3 group">
18-
<img src={logo} alt="WorkoutLogs" className="h-5 transition-transform group-hover:scale-110 aspect-ratio-[2/1]" />
16+
<img
17+
src={logo}
18+
alt="WorkoutLogs"
19+
className="h-5 transition-transform group-hover:scale-110 aspect-ratio-[2/1]"
20+
/>
1921
<span className="text-xl font-bold text-foreground">
2022
Workout<span className="text-primary">Logs</span>
2123
</span>
2224
</Link>
23-
25+
2426
<nav className="hidden md:flex items-center gap-8">
25-
<a href="#funcionalidades" className="text-muted-foreground hover:text-foreground transition-colors">
27+
<a
28+
href="#funcionalidades"
29+
className="text-muted-foreground hover:text-foreground transition-colors"
30+
>
2631
{t.header.features}
2732
</a>
28-
<a href="#beneficios" className="text-muted-foreground hover:text-foreground transition-colors">
33+
<a
34+
href="#beneficios"
35+
className="text-muted-foreground hover:text-foreground transition-colors"
36+
>
2937
{t.header.benefits}
3038
</a>
3139
</nav>
3240

3341
<div className="flex items-center gap-4">
3442
{/* Language Switcher */}
3543
<div className="flex items-center gap-1 bg-secondary rounded-full p-1">
36-
<Link to="/pt" className={`px-3 py-1.5 rounded-full text-sm font-medium transition-all ${lang === "pt" ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground"}`}>
44+
<Link
45+
to="/pt"
46+
className={`px-3 py-1.5 rounded-full text-sm font-medium transition-all ${
47+
lang === "pt"
48+
? "bg-primary text-primary-foreground"
49+
: "text-muted-foreground hover:text-foreground"
50+
}`}
51+
>
3752
PT
3853
</Link>
39-
<Link to="/en" className={`px-3 py-1.5 rounded-full text-sm font-medium transition-all ${lang === "en" ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground"}`}>
54+
<Link
55+
to="/en"
56+
className={`px-3 py-1.5 rounded-full text-sm font-medium transition-all ${
57+
lang === "en"
58+
? "bg-primary text-primary-foreground"
59+
: "text-muted-foreground hover:text-foreground"
60+
}`}
61+
>
4062
EN
4163
</Link>
4264
</div>
4365

4466
<Button variant="cta" size="sm" asChild className="hidden sm:flex">
45-
<a href="https://play.google.com/store/apps/details?id=com.workoutlogs" target="_blank" rel="noopener noreferrer">
67+
<a
68+
href="https://play.google.com/store/apps/details?id=com.reddyyz.WorkoutLogs&referrer=landingpage"
69+
target="_blank"
70+
rel="noopener noreferrer"
71+
>
4672
{t.header.downloadApp}
4773
</a>
4874
</Button>
4975
</div>
5076
</div>
51-
</header>;
77+
</header>
78+
);
5279
};
53-
export default Header;
80+
export default Header;

‎src/components/HeroSection.tsx‎

Lines changed: 36 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,9 @@ import logo from "@/assets/logo.png";
55
interface HeroSectionProps {
66
t: Translations;
77
}
8-
const HeroSection = ({
9-
t
10-
}: HeroSectionProps) => {
11-
return <section className="relative min-h-screen flex items-center justify-center overflow-hidden bg-gradient-hero pt-16 pb-24">
8+
const HeroSection = ({ t }: HeroSectionProps) => {
9+
return (
10+
<section className="relative min-h-screen flex items-center justify-center overflow-hidden bg-gradient-hero pt-16 pb-24">
1211
{/* Background Effects */}
1312
<div className="absolute inset-0 overflow-hidden">
1413
<div className="absolute top-1/4 left-1/4 w-96 h-96 bg-primary/10 rounded-full blur-3xl" />
@@ -27,7 +26,11 @@ const HeroSection = ({
2726

2827
{/* Logo Animation */}
2928
<div className="mb-8 animate-fade-in-up animation-delay-100">
30-
<img src={logo} alt="WorkoutLogs" className="h-24 mx-auto animate-float aspect-ratio-[2/1]" />
29+
<img
30+
src={logo}
31+
alt="WorkoutLogs"
32+
className="h-24 mx-auto animate-float aspect-ratio-[2/1]"
33+
/>
3134
</div>
3235

3336
{/* Headline */}
@@ -44,31 +47,46 @@ const HeroSection = ({
4447
{/* CTA Buttons */}
4548
<div className="flex flex-col sm:flex-row items-center justify-center gap-4 animate-fade-in-up animation-delay-400">
4649
<Button variant="hero" size="xl" asChild>
47-
<a href="https://play.google.com/store/apps/details?id=com.workoutlogs" target="_blank" rel="noopener noreferrer" className="flex items-center gap-3">
50+
<a
51+
href="https://play.google.com/store/apps/details?id=com.reddyyz.WorkoutLogs&referrer=landingpage"
52+
target="_blank"
53+
rel="noopener noreferrer"
54+
className="flex items-center gap-3"
55+
>
4856
<Play className="w-5 h-5" />
4957
{t.hero.downloadFree}
5058
</a>
5159
</Button>
5260
<Button variant="outline" size="lg" asChild>
53-
<a href="#funcionalidades">
54-
{t.hero.viewFeatures}
55-
</a>
61+
<a href="#funcionalidades">{t.hero.viewFeatures}</a>
5662
</Button>
5763
</div>
5864

5965
{/* Stats */}
6066
<div className="grid grid-cols-3 gap-8 mt-16 pt-8 border-t border-border animate-fade-in-up animation-delay-500">
6167
<div>
62-
<div className="text-3xl md:text-4xl font-bold text-gradient">100+</div>
63-
<div className="text-sm text-muted-foreground mt-1">{t.hero.exercises}</div>
68+
<div className="text-3xl md:text-4xl font-bold text-gradient">
69+
100+
70+
</div>
71+
<div className="text-sm text-muted-foreground mt-1">
72+
{t.hero.exercises}
73+
</div>
6474
</div>
6575
<div>
66-
<div className="text-3xl md:text-4xl font-bold text-gradient">4.8★</div>
67-
<div className="text-sm text-muted-foreground mt-1">{t.hero.rating}</div>
76+
<div className="text-3xl md:text-4xl font-bold text-gradient">
77+
5.0★
78+
</div>
79+
<div className="text-sm text-muted-foreground mt-1">
80+
{t.hero.rating}
81+
</div>
6882
</div>
6983
<div>
70-
<div className="text-3xl md:text-4xl font-bold text-gradient">{t.hero.free}</div>
71-
<div className="text-sm text-muted-foreground mt-1">{t.hero.toUse}</div>
84+
<div className="text-3xl md:text-4xl font-bold text-gradient">
85+
{t.hero.free}
86+
</div>
87+
<div className="text-sm text-muted-foreground mt-1">
88+
{t.hero.toUse}
89+
</div>
7290
</div>
7391
</div>
7492
</div>
@@ -78,6 +96,7 @@ const HeroSection = ({
7896
<ChevronDown className="w-6 h-6 text-muted-foreground" />
7997
</div>
8098
</div>
81-
</section>;
99+
</section>
100+
);
82101
};
83-
export default HeroSection;
102+
export default HeroSection;

0 commit comments

Comments
 (0)