Update src/app/recipes/page.tsx

This commit is contained in:
2026-03-11 21:03:01 +00:00
parent 5ce039792e
commit 7bb2b6bd44

View File

@@ -8,7 +8,6 @@ import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwen
import FooterBase from '@/components/sections/footer/FooterBase';
import { Apple, Filter, Flame, TrendingDown, TrendingUp } from 'lucide-react';
// Recipe Database
const recipeDatabase = [
{
id: "1", name: "Grilled Chicken Breast with Quinoa", category: "Protein", calories: 450,
@@ -79,7 +78,6 @@ const recipeDatabase = [
export default function RecipesPage() {
const [selectedGoal, setSelectedGoal] = useState<"all" | "weight-loss" | "muscle-gain">("all");
// Filter recipes based on selected goal
const filteredRecipes = selectedGoal === "all"
? recipeDatabase
: recipeDatabase.filter(recipe => recipe.goals.includes(selectedGoal));
@@ -173,7 +171,6 @@ export default function RecipesPage() {
<div id="recipes-grid" data-section="recipes-grid">
<div className="w-full py-20">
<div className="max-w-7xl mx-auto px-6">
{/* Filter Buttons */}
<div className="flex flex-col items-center gap-8 mb-16">
<div className="text-center">
<h2 className="text-4xl font-extrabold mb-4">Receitas Recomendadas</h2>
@@ -213,7 +210,6 @@ export default function RecipesPage() {
</div>
</div>
{/* Recipe Grid */}
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
{filteredRecipes.map(recipe => (
<div key={recipe.id} className="bg-card rounded-2xl overflow-hidden shadow-lg hover:shadow-xl transition-shadow">
@@ -233,7 +229,6 @@ export default function RecipesPage() {
</div>
<p className="text-sm text-foreground/75 mb-4">Tempo: {recipe.prepTime}</p>
{/* Macros */}
<div className="grid grid-cols-4 gap-2 mb-4">
<div className="text-center">
<p className="text-xs text-foreground/60">Calorias</p>
@@ -253,7 +248,6 @@ export default function RecipesPage() {
</div>
</div>
{/* Goal Tags */}
<div className="flex flex-wrap gap-2">
{recipe.goals.includes("weight-loss") && (
<span className="text-xs bg-accent/20 text-accent px-2 py-1 rounded-full">Perda</span>