Update src/app/recipes/page.tsx
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user