Revert to single language page

Reverted to a unified language system with a single landing page and dynamic language content via context. Removed per-language routes, restored language context setup, updated components (Header, Hero, Features, Screenshots, Benefits, CTA, Footer) to use translations from context, and simplified routing to a single page with internal language switching. Cleaned up PT/EN specific index pages and related files.

X-Lovable-Edit-ID: edt-c96eddd9-9ef3-4353-9a67-9a04d8277c1d

Author: lovable-dev[bot]

src/App.tsx

@@ -4,28 +4,27 @@ import { TooltipProvider } from "@/components/ui/tooltip";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import { HelmetProvider } from "react-helmet-async";
+import { LanguageProvider } from "@/i18n/LanguageContext";
 import Index from "./pages/Index";
-import IndexPT from "./pages/IndexPT";
-import IndexEN from "./pages/IndexEN";
 import NotFound from "./pages/NotFound";
 
 const queryClient = new QueryClient();
 
 const App = () => (
   <HelmetProvider>
     <QueryClientProvider client={queryClient}>
-      <TooltipProvider>
-        <Toaster />
-        <Sonner />
-        <BrowserRouter>
-          <Routes>
-            <Route path="/" element={<Index />} />
-            <Route path="/pt" element={<IndexPT />} />
-            <Route path="/en" element={<IndexEN />} />
-            <Route path="*" element={<NotFound />} />
-          </Routes>
-        </BrowserRouter>
-      </TooltipProvider>
+      <LanguageProvider>
+        <TooltipProvider>
+          <Toaster />
+          <Sonner />
+          <BrowserRouter>
+            <Routes>
+              <Route path="/" element={<Index />} />
+              <Route path="*" element={<NotFound />} />
+            </Routes>
+          </BrowserRouter>
+        </TooltipProvider>
+      </LanguageProvider>
     </QueryClientProvider>
   </HelmetProvider>
 );

src/components/BenefitsSection.tsx

@@ -1,11 +1,9 @@
 import { Check } from "lucide-react";
-import { Translations } from "@/i18n/translations";
+import { useLanguage } from "@/i18n/LanguageContext";
 
-interface BenefitsSectionProps {
-  t: Translations;
-}
+const BenefitsSection = () => {
+  const { t } = useLanguage();
 
-const BenefitsSection = ({ t }: BenefitsSectionProps) => {
   return (
     <section id="beneficios" className="py-24">
       <div className="container">
@@ -26,10 +24,7 @@ const BenefitsSection = ({ t }: BenefitsSectionProps) => {
 
             <ul className="space-y-4">
               {t.benefits.list.map((benefit, index) => (
-                <li 
-                  key={index} 
-                  className="flex items-center gap-4"
-                >
+                <li key={index} className="flex items-center gap-4">
                   <div className="w-6 h-6 rounded-full bg-primary/20 flex items-center justify-center flex-shrink-0">
                     <Check className="w-4 h-4 text-primary" />
                   </div>
@@ -50,8 +45,12 @@ const BenefitsSection = ({ t }: BenefitsSectionProps) => {
                     <span className="text-primary font-bold">A</span>
                   </div>
                   <div>
-                    <div className="font-semibold text-foreground">{t.benefits.mockup.workoutTitle}</div>
-                    <div className="text-sm text-muted-foreground">{t.benefits.mockup.today}, 18:30</div>
+                    <div className="font-semibold text-foreground">
+                      {t.benefits.mockup.workoutTitle}
+                    </div>
+                    <div className="text-sm text-muted-foreground">
+                      {t.benefits.mockup.today}, 18:30
+                    </div>
                   </div>
                 </div>
 
@@ -61,7 +60,10 @@ const BenefitsSection = ({ t }: BenefitsSectionProps) => {
                   { name: "Supino Inclinado", sets: "3x12", weight: "60kg", pr: false },
                   { name: "Crucifixo", sets: "3x15", weight: "16kg", pr: false },
                 ].map((exercise, i) => (
-                  <div key={i} className="flex items-center justify-between py-3 border-b border-border/50 last:border-0">
+                  <div
+                    key={i}
+                    className="flex items-center justify-between py-3 border-b border-border/50 last:border-0"
+                  >
                     <div>
                       <div className="font-medium text-foreground flex items-center gap-2">
                         {exercise.name}
@@ -71,7 +73,9 @@ const BenefitsSection = ({ t }: BenefitsSectionProps) => {
                           </span>
                         )}
                       </div>
-                      <div className="text-sm text-muted-foreground">{exercise.sets}</div>
+                      <div className="text-sm text-muted-foreground">
+                        {exercise.sets}
+                      </div>
                     </div>
                     <div className="text-right">
                       <div className="font-bold text-primary">{exercise.weight}</div>
@@ -83,7 +87,9 @@ const BenefitsSection = ({ t }: BenefitsSectionProps) => {
               {/* Progress Bar */}
               <div className="mt-6">
                 <div className="flex justify-between text-sm mb-2">
-                  <span className="text-muted-foreground">{t.benefits.mockup.weeklyVolume}</span>
+                  <span className="text-muted-foreground">
+                    {t.benefits.mockup.weeklyVolume}
+                  </span>
                   <span className="text-foreground font-medium">12.450 kg</span>
                 </div>
                 <div className="h-2 bg-secondary rounded-full overflow-hidden">

src/components/CTASection.tsx

@@ -1,11 +1,11 @@
 import { Button } from "@/components/ui/button";
 import { Play, Star } from "lucide-react";
-import { Translations } from "@/i18n/translations";
+import { useLanguage } from "@/i18n/LanguageContext";
 import logo from "@/assets/logo.png";
-interface CTASectionProps {
-  t: Translations;
-}
-const CTASection = ({ t }: CTASectionProps) => {
+
+const CTASection = () => {
+  const { t } = useLanguage();
+
   return (
     <section className="py-24 relative overflow-hidden">
       {/* Background */}
@@ -69,4 +69,5 @@ const CTASection = ({ t }: CTASectionProps) => {
     </section>
   );
 };
+
 export default CTASection;

src/components/FeaturesSection.tsx

@@ -1,37 +1,44 @@
 import { Dumbbell, FileText, Calculator, TrendingUp, BarChart3, Cloud, Plus } from "lucide-react";
-import { Translations } from "@/i18n/translations";
-interface FeaturesSectionProps {
-  t: Translations;
-}
-const FeaturesSection = ({
-  t
-}: FeaturesSectionProps) => {
-  const features = [{
-    icon: Dumbbell,
-    title: t.features.workoutLog.title,
-    description: t.features.workoutLog.description
-  }, {
-    icon: FileText,
-    title: t.features.workoutSheets.title,
-    description: t.features.workoutSheets.description
-  }, {
-    icon: Calculator,
-    title: t.features.calculators.title,
-    description: t.features.calculators.description
-  }, {
-    icon: TrendingUp,
-    title: t.features.bodyTracking.title,
-    description: t.features.bodyTracking.description
-  }, {
-    icon: BarChart3,
-    title: t.features.progressAnalysis.title,
-    description: t.features.progressAnalysis.description
-  }, {
-    icon: Cloud,
-    title: t.features.cloudSync.title,
-    description: t.features.cloudSync.description
-  }];
-  return <section id="funcionalidades" className="py-24 bg-secondary/30">
+import { useLanguage } from "@/i18n/LanguageContext";
+
+const FeaturesSection = () => {
+  const { t } = useLanguage();
+
+  const features = [
+    {
+      icon: Dumbbell,
+      title: t.features.workoutLog.title,
+      description: t.features.workoutLog.description,
+    },
+    {
+      icon: FileText,
+      title: t.features.workoutSheets.title,
+      description: t.features.workoutSheets.description,
+    },
+    {
+      icon: Calculator,
+      title: t.features.calculators.title,
+      description: t.features.calculators.description,
+    },
+    {
+      icon: TrendingUp,
+      title: t.features.bodyTracking.title,
+      description: t.features.bodyTracking.description,
+    },
+    {
+      icon: BarChart3,
+      title: t.features.progressAnalysis.title,
+      description: t.features.progressAnalysis.description,
+    },
+    {
+      icon: Cloud,
+      title: t.features.cloudSync.title,
+      description: t.features.cloudSync.description,
+    },
+  ];
+
+  return (
+    <section id="funcionalidades" className="py-24 bg-secondary/30">
       <div className="container">
         {/* Section Header */}
         <div className="text-center max-w-2xl mx-auto mb-16">
@@ -42,16 +49,17 @@ const FeaturesSection = ({
             {t.features.title1}
             <span className="text-gradient">{t.features.title2}</span>
           </h2>
-          <p className="text-muted-foreground text-lg">
-            {t.features.subtitle}
-          </p>
+          <p className="text-muted-foreground text-lg">{t.features.subtitle}</p>
         </div>
 
         {/* Features Grid */}
         <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
-          {features.map((feature, index) => <div key={feature.title} className="group p-8 rounded-2xl bg-gradient-card border border-border hover:border-primary/50 transition-all duration-300 hover:-translate-y-1 shadow-card" style={{
-          animationDelay: `${index * 100}ms`
-        }}>
+          {features.map((feature, index) => (
+            <div
+              key={feature.title}
+              className="group p-8 rounded-2xl bg-gradient-card border border-border hover:border-primary/50 transition-all duration-300 hover:-translate-y-1 shadow-card"
+              style={{ animationDelay: `${index * 100}ms` }}
+            >
               <div className="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center mb-6 group-hover:bg-primary/20 transition-colors">
                 <feature.icon className="w-7 h-7 text-primary" />
               </div>
@@ -61,7 +69,8 @@ const FeaturesSection = ({
               <p className="text-muted-foreground leading-relaxed">
                 {feature.description}
               </p>
-            </div>)}
+            </div>
+          ))}
         </div>
 
         {/* Extra Feature */}
@@ -70,13 +79,17 @@ const FeaturesSection = ({
             <Plus className="w-6 h-6 text-primary" />
           </div>
           <div>
-            <h3 className="font-bold text-foreground">{t.features.customExercises.title}</h3>
+            <h3 className="font-bold text-foreground">
+              {t.features.customExercises.title}
+            </h3>
             <p className="text-muted-foreground text-sm">
               {t.features.customExercises.description}
             </p>
           </div>
         </div>
       </div>
-    </section>;
+    </section>
+  );
 };
-export default FeaturesSection;
+
+export default FeaturesSection;

src/components/Footer.tsx

@@ -1,21 +1,17 @@
 import { Link } from "react-router-dom";
-import { Translations } from "@/i18n/translations";
+import { useLanguage } from "@/i18n/LanguageContext";
 import logo from "@/assets/logo.png";
 
-interface FooterProps {
-  lang: "pt" | "en";
-  t: Translations;
-}
-
-const Footer = ({ lang, t }: FooterProps) => {
+const Footer = () => {
+  const { t } = useLanguage();
   const currentYear = new Date().getFullYear();
 
   return (
     <footer className="py-12 border-t border-border">
       <div className="container">
         <div className="flex flex-col md:flex-row items-center justify-between gap-6">
           {/* Logo */}
-          <Link to={`/${lang}`} className="flex items-center gap-3">
+          <Link to="/" className="flex items-center gap-3">
             <img
               src={logo}
               alt="WorkoutLogs"

src/components/Header.tsx

@@ -1,18 +1,16 @@
 import { Button } from "@/components/ui/button";
 import { Link } from "react-router-dom";
-import { Translations } from "@/i18n/translations";
+import { useLanguage } from "@/i18n/LanguageContext";
+import LanguageSwitcher from "./LanguageSwitcher";
 import logo from "@/assets/logo.png";
-interface HeaderProps {
-  lang: "pt" | "en";
-  t: Translations;
-}
-const Header = ({ lang, t }: HeaderProps) => {
-  const otherLang = lang === "pt" ? "en" : "pt";
-  const otherLangLabel = lang === "pt" ? "EN" : "PT";
+
+const Header = () => {
+  const { t } = useLanguage();
+
   return (
     <header className="fixed top-0 left-0 right-0 z-50 bg-background/80 backdrop-blur-lg border-b border-border">
       <div className="container flex items-center justify-between h-16">
-        <Link to={`/${lang}`} className="flex items-center gap-3 group">
+        <Link to="/" className="flex items-center gap-3 group">
           <img
             src={logo}
             alt="WorkoutLogs"
@@ -39,29 +37,7 @@ const Header = ({ lang, t }: HeaderProps) => {
         </nav>
 
         <div className="flex items-center gap-4">
-          {/* Language Switcher */}
-          <div className="flex items-center gap-1 bg-secondary rounded-full p-1">
-            <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"
-              }`}
-            >
-              PT
-            </Link>
-            <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"
-              }`}
-            >
-              EN
-            </Link>
-          </div>
+          <LanguageSwitcher />
 
           <Button variant="cta" size="sm" asChild className="hidden sm:flex">
             <a
@@ -77,4 +53,5 @@ const Header = ({ lang, t }: HeaderProps) => {
     </header>
   );
 };
+
 export default Header;

src/components/HeroSection.tsx

@@ -1,11 +1,11 @@
 import { Button } from "@/components/ui/button";
 import { Play, ChevronDown } from "lucide-react";
-import { Translations } from "@/i18n/translations";
+import { useLanguage } from "@/i18n/LanguageContext";
 import logo from "@/assets/logo.png";
-interface HeroSectionProps {
-  t: Translations;
-}
-const HeroSection = ({ t }: HeroSectionProps) => {
+
+const HeroSection = () => {
+  const { t } = useLanguage();
+
   return (
     <section className="relative min-h-screen flex items-center justify-center overflow-hidden bg-gradient-hero pt-16 pb-24">
       {/* Background Effects */}
@@ -99,4 +99,5 @@ const HeroSection = ({ t }: HeroSectionProps) => {
     </section>
   );
 };
+
 export default HeroSection;