diff --git a/src/app/page.tsx b/src/app/page.tsx index 6de203b..0b74563 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -73,24 +73,28 @@ export default function LandingPage() { mediaItems={[ { imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/a-mobile-app-ingredient-input-screen-wit-1772651575762-1165d0de.png", imageAlt: "Ingredient input interface"}, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/a-mobile-app-ingredient-input-screen-wit-1772651575762-1165d0de.png", imageAlt: "Ingredient input interface" + }, { imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/beautiful-recipe-result-cards-with-glass-1772651576068-e357f495.png", imageAlt: "Recipe result cards"}, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/beautiful-recipe-result-cards-with-glass-1772651576068-e357f495.png", imageAlt: "Recipe result cards" + }, { imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/a-smart-digital-pantry-interface-with-gl-1772651575862-cfa26374.png", imageAlt: "Smart pantry dashboard"}, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/a-smart-digital-pantry-interface-with-gl-1772651575862-cfa26374.png", imageAlt: "Smart pantry dashboard" + }, { imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/a-detailed-recipe-page-interface-with-gl-1772651576198-3422a9bd.png", imageAlt: "Recipe detail page"}, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/a-detailed-recipe-page-interface-with-gl-1772651576198-3422a9bd.png", imageAlt: "Recipe detail page" + }, { imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/a-cultural-music-player-interface-showin-1772651576437-2be31020.png", imageAlt: "Cultural music player"}, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/a-cultural-music-player-interface-showin-1772651576437-2be31020.png", imageAlt: "Cultural music player" + }, ]} mediaAnimation="blur-reveal" className="min-h-screen" containerClassName="py-20" - useInvertedBackground={false} /> @@ -103,7 +107,8 @@ export default function LandingPage() { { icon: Shield, label: "Data Protection", value: "Secure Storage" }, { icon: Zap, - label: "Quick Access", value: "Session Persistence"}, + label: "Quick Access", value: "Session Persistence" + }, ]} metricsAnimation="slide-up" useInvertedBackground={true} @@ -121,10 +126,13 @@ export default function LandingPage() { { id: "step1", title: "Welcome Screen - Understand Your Cooking Goals", tags: ["Step 1", "Introduction"], imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/a-premium-mobile-app-welcome-screen-with-1772651576151-a759364c.png", imageAlt: "Welcome onboarding screen"}, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/a-premium-mobile-app-welcome-screen-with-1772651576151-a759364c.png", imageAlt: "Welcome onboarding screen" + }, { - id: "step2", title: "Preferences Setup - Choose Your Cuisine & Skill", tags: ["Step 2", "Personalization"], imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/a-mobile-app-preferences-setup-screen-wi-1772651576088-c40d1a91.png", imageAlt: "Preferences setup interface"}, + id: "step2", title: "Preferences Setup - Choose Your Cuisine & Skill", tags: ["Step 2", "Personalization"], + imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/a-mobile-app-preferences-setup-screen-wi-1772651576088-c40d1a91.png", imageAlt: "Preferences setup interface" + }, ]} animationType="slide-up" textboxLayout="default" @@ -142,13 +150,16 @@ export default function LandingPage() { products={[ { id: "ingredient-input", name: "Smart Ingredient Input", price: "Voice & Camera Scanning", imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/a-mobile-app-ingredient-input-screen-wit-1772651575762-1165d0de.png", imageAlt: "Ingredient input interface"}, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/a-mobile-app-ingredient-input-screen-wit-1772651575762-1165d0de.png", imageAlt: "Ingredient input interface" + }, { id: "recipe-generation", name: "AI Recipe Generation", price: "Instant Suggestions", imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/beautiful-recipe-result-cards-with-glass-1772651576068-e357f495.png", imageAlt: "Recipe cards display"}, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/beautiful-recipe-result-cards-with-glass-1772651576068-e357f495.png", imageAlt: "Recipe cards display" + }, { id: "music-system", name: "Cultural Music System", price: "Immersive Experience", imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/a-cultural-music-player-interface-showin-1772651576437-2be31020.png", imageAlt: "Music player interface"}, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUcMfqJIbBXtBhmBEoWXMLyB4X/a-cultural-music-player-interface-showin-1772651576437-2be31020.png", imageAlt: "Music player interface" + }, ]} animationType="slide-up" gridVariant="three-columns-all-equal-width" @@ -165,17 +176,23 @@ export default function LandingPage() { cardTagIcon={Heart} testimonials={[ { - id: "user1", name: "Sarah Johnson", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Sarah Johnson"}, + id: "user1", name: "Sarah Johnson", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Sarah Johnson" + }, { - id: "user2", name: "Marco Rossi", imageSrc: "/placeholders/placeholder2.webp", imageAlt: "Marco Rossi"}, + id: "user2", name: "Marco Rossi", imageSrc: "/placeholders/placeholder2.webp", imageAlt: "Marco Rossi" + }, { - id: "user3", name: "Yuki Tanaka", imageSrc: "/placeholders/placeholder3.webp", imageAlt: "Yuki Tanaka"}, + id: "user3", name: "Yuki Tanaka", imageSrc: "/placeholders/placeholder3.webp", imageAlt: "Yuki Tanaka" + }, { - id: "user4", name: "Elena Martínez", imageSrc: "/placeholders/placeholder4.webp", imageAlt: "Elena Martínez"}, + id: "user4", name: "Elena Martínez", imageSrc: "/placeholders/placeholder4.webp", imageAlt: "Elena Martínez" + }, { - id: "user5", name: "Priya Sharma", imageSrc: "/placeholders/placeholder5.webp", imageAlt: "Priya Sharma"}, + id: "user5", name: "Priya Sharma", imageSrc: "/placeholders/placeholder5.webp", imageAlt: "Priya Sharma" + }, { - id: "user6", name: "Lucas Silva", imageSrc: "/placeholders/placeholder6.webp", imageAlt: "Lucas Silva"}, + id: "user6", name: "Lucas Silva", imageSrc: "/placeholders/placeholder6.webp", imageAlt: "Lucas Silva" + }, ]} cardAnimation="blur-reveal" useInvertedBackground={true} @@ -194,19 +211,22 @@ export default function LandingPage() { id: "starter", badge: "Great for Beginners", badgeIcon: Zap, price: "Free", subtitle: "Perfect for exploring recipes", buttons: [{ text: "Get Started", href: "#auth" }], features: [ - "50 AI-generated recipes/month", "Basic ingredient input", "Standard cooking instructions", "Cultural music system"], + "50 AI-generated recipes/month", "Basic ingredient input", "Standard cooking instructions", "Cultural music system" + ], }, { id: "pro", badge: "Most Popular", badgeIcon: Sparkles, price: "$9.99/mo", subtitle: "For serious home cooks", buttons: [{ text: "Start Free Trial", href: "#auth" }], features: [ - "Unlimited AI recipes", "Voice & camera ingredient scanning", "Smart pantry management", "Personalized cooking suggestions", "Advanced nutritional info", "Priority support"], + "Unlimited AI recipes", "Voice & camera ingredient scanning", "Smart pantry management", "Personalized cooking suggestions", "Advanced nutritional info", "Priority support" + ], }, { id: "chef", badge: "For Enthusiasts", badgeIcon: Award, price: "$19.99/mo", subtitle: "Master your culinary skills", buttons: [{ text: "Upgrade Now", href: "#auth" }], features: [ - "Everything in Pro", "Professional cooking techniques", "Meal planning & grocery lists", "Weekly recipe curation", "Family sharing (up to 5 members)", "Exclusive chef interviews"], + "Everything in Pro", "Professional cooking techniques", "Meal planning & grocery lists", "Weekly recipe curation", "Family sharing (up to 5 members)", "Exclusive chef interviews" + ], }, ]} animationType="slide-up" @@ -225,16 +245,20 @@ export default function LandingPage() { metrics={[ { id: "recipes", icon: Star, - title: "Recipes Generated", value: "1M+"}, + title: "Recipes Generated", value: "1M+" + }, { id: "users", icon: Users, - title: "Active Users", value: "50K+"}, + title: "Active Users", value: "50K+" + }, { id: "cuisines", icon: Globe, - title: "Cuisines Supported", value: "25+"}, + title: "Cuisines Supported", value: "25+" + }, { id: "satisfaction", icon: Star, - title: "User Satisfaction", value: "4.8/5"}, + title: "User Satisfaction", value: "4.8/5" + }, ]} animationType="slide-up" textboxLayout="default" @@ -250,28 +274,36 @@ export default function LandingPage() { faqs={[ { id: "auth-login", title: "How do I sign up and log in?", content: - "Simply open EasyRecipes and choose 'Create Account' or 'Log In'. You can sign up with your email and password, or optionally use Google/Apple login. Your session will persist across app restarts, so you won't need to log in every time."}, + "Simply open EasyRecipes and choose 'Create Account' or 'Log In'. You can sign up with your email and password, or optionally use Google/Apple login. Your session will persist across app restarts, so you won't need to log in every time." + }, { id: "session-management", title: "Does my session stay active?", content: - "Yes! Once you're logged in, your session remains active. Your account, saved recipes, favorite recipes, ingredient pantry, cooking history, and preferences are all saved securely. You can close the app and resume exactly where you left off."}, + "Yes! Once you're logged in, your session remains active. Your account, saved recipes, favorite recipes, ingredient pantry, cooking history, and preferences are all saved securely. You can close the app and resume exactly where you left off." + }, { id: "onboarding-steps", title: "What are the onboarding steps?", content: - "New users see a two-step onboarding: Step 1 is a welcome screen explaining EasyRecipes features. Step 2 asks about your cuisine preferences (Italian, Asian, Mexican, Mediterranean, American, Vegetarian, Vegan, Healthy), cooking time preference (Under 10 min, 20 min, or any time), and skill level (Beginner, Intermediate, Advanced) to personalize your recipes."}, + "New users see a two-step onboarding: Step 1 is a welcome screen explaining EasyRecipes features. Step 2 asks about your cuisine preferences (Italian, Asian, Mexican, Mediterranean, American, Vegetarian, Vegan, Healthy), cooking time preference (Under 10 min, 20 min, or any time), and skill level (Beginner, Intermediate, Advanced) to personalize your recipes." + }, { id: "ingredient-input", title: "How do I input ingredients?", content: - "You can add ingredients three ways: 1) Type them manually, 2) Use voice input for hands-free entry, 3) Use the camera scanner for AI-powered ingredient recognition. Ingredients appear as floating bubbles, and you can add as many as you need before generating recipes."}, + "You can add ingredients three ways: 1) Type them manually, 2) Use voice input for hands-free entry, 3) Use the camera scanner for AI-powered ingredient recognition. Ingredients appear as floating bubbles, and you can add as many as you need before generating recipes." + }, { id: "ai-recipes", title: "How does AI generate recipes?", content: - "Our AI analyzes the ingredients you provide and generates recipe suggestions based on your onboarding preferences (cuisine type, cooking time, skill level). Each recipe card shows cooking time, difficulty level, calorie estimate, and ingredients. Click to see full instructions."}, + "Our AI analyzes the ingredients you provide and generates recipe suggestions based on your onboarding preferences (cuisine type, cooking time, skill level). Each recipe card shows cooking time, difficulty level, calorie estimate, and ingredients. Click to see full instructions." + }, { id: "music-system", title: "What is the cultural music system?", content: - "When you open a recipe, background music plays matching the recipe's cuisine origin. Italian recipes play Italian mandolin music, Japanese recipes play calm traditional music, Mexican recipes feature light mariachi, and so on. You can mute, adjust volume, or disable music in settings. Music fades smoothly between transitions."}, + "When you open a recipe, background music plays matching the recipe's cuisine origin. Italian recipes play Italian mandolin music, Japanese recipes play calm traditional music, Mexican recipes feature light mariachi, and so on. You can mute, adjust volume, or disable music in settings. Music fades smoothly between transitions." + }, { id: "smart-pantry", title: "What is the Smart Pantry?", content: - "The Smart Pantry lets you save ingredients you usually have at home. The app analyzes your pantry and suggests recipes you can cook daily with what you already have. You'll receive notifications like 'You can cook 6 meals today with your pantry ingredients.'"}, + "The Smart Pantry lets you save ingredients you usually have at home. The app analyzes your pantry and suggests recipes you can cook daily with what you already have. You'll receive notifications like 'You can cook 6 meals today with your pantry ingredients.'" + }, { id: "camera-scanner", title: "How does the camera ingredient scanner work?", content: - "The camera scanner uses AI to recognize ingredients using your phone's camera. Point the camera at ingredients in your kitchen, and the app automatically identifies and adds them to your ingredient list. This makes ingredient entry fast and convenient."}, + "The camera scanner uses AI to recognize ingredients using your phone's camera. Point the camera at ingredients in your kitchen, and the app automatically identifies and adds them to your ingredient list. This makes ingredient entry fast and convenient." + }, ]} textPosition="left" faqsAnimation="slide-up" @@ -321,9 +353,11 @@ export default function LandingPage() { items: [ { label: "Contact", href: "#contact" }, { - label: "Support", href: "https://support.easyrecipes.app"}, + label: "Support", href: "https://support.easyrecipes.app" + }, { - label: "Documentation", href: "https://docs.easyrecipes.app"}, + label: "Documentation", href: "https://docs.easyrecipes.app" + }, ], }, { @@ -337,9 +371,11 @@ export default function LandingPage() { items: [ { label: "Twitter", href: "https://twitter.com/easyrecipes" }, { - label: "Instagram", href: "https://instagram.com/easyrecipes"}, + label: "Instagram", href: "https://instagram.com/easyrecipes" + }, { - label: "Facebook", href: "https://facebook.com/easyrecipes"}, + label: "Facebook", href: "https://facebook.com/easyrecipes" + }, ], }, ]}