|
|
|
|
@@ -30,7 +30,6 @@ import {
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
const [isAuthenticated, setIsAuthenticated] = useState(false);
|
|
|
|
|
const [showOnboarding, setShowOnboarding] = useState(false);
|
|
|
|
|
const [mounted, setMounted] = useState(true);
|
|
|
|
|
|
|
|
|
|
const handleCompleteOnboarding = () => {
|
|
|
|
|
try {
|
|
|
|
|
@@ -53,9 +52,10 @@ export default function LandingPage() {
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
if (!mounted) {
|
|
|
|
|
return null;
|
|
|
|
|
}
|
|
|
|
|
const handleSignIn = () => {
|
|
|
|
|
setIsAuthenticated(true);
|
|
|
|
|
setShowOnboarding(true);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
if (isAuthenticated && showOnboarding) {
|
|
|
|
|
return (
|
|
|
|
|
@@ -92,12 +92,12 @@ 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", onFeatureClick: () => console.log("Feature 1 clicked")
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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"
|
|
|
|
|
"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", onFeatureClick: () => console.log("Feature 2 clicked")
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -140,7 +140,7 @@ export default function LandingPage() {
|
|
|
|
|
{ name: "Settings", id: "settings" },
|
|
|
|
|
]}
|
|
|
|
|
button={{
|
|
|
|
|
text: isAuthenticated ? "Sign Out" : "Sign In", href: isAuthenticated ? "#" : "#auth", onClick: isAuthenticated ? handleSignOut : undefined,
|
|
|
|
|
text: isAuthenticated ? "Sign Out" : "Sign In", href: isAuthenticated ? "#" : "#auth", onClick: isAuthenticated ? handleSignOut : handleSignIn,
|
|
|
|
|
}}
|
|
|
|
|
animateOnLoad={true}
|
|
|
|
|
className="backdrop-blur-md bg-white/30 border border-white/20"
|
|
|
|
|
@@ -158,7 +158,7 @@ export default function LandingPage() {
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Get Started", href: "#auth" },
|
|
|
|
|
{ text: "Get Started", href: "#auth", onClick: handleSignIn },
|
|
|
|
|
{ text: "Learn More", href: "#features" },
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
@@ -226,15 +226,15 @@ 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?_wi=2", 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?_wi=2", imageAlt: "Ingredient input interface", onProductClick: () => console.log("Product 1 clicked")
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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?_wi=2", 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?_wi=2", imageAlt: "Recipe cards display", onProductClick: () => console.log("Product 2 clicked")
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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?_wi=2", 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?_wi=2", imageAlt: "Music player interface", onProductClick: () => console.log("Product 3 clicked")
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -285,21 +285,21 @@ export default function LandingPage() {
|
|
|
|
|
plans={[
|
|
|
|
|
{
|
|
|
|
|
id: "starter", badge: "Great for Beginners", badgeIcon: Zap,
|
|
|
|
|
price: "Free", subtitle: "Perfect for exploring recipes", buttons: [{ text: "Get Started", href: "#auth" }],
|
|
|
|
|
price: "Free", subtitle: "Perfect for exploring recipes", buttons: [{ text: "Get Started", href: "#auth", onClick: handleSignIn }],
|
|
|
|
|
features: [
|
|
|
|
|
"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" }],
|
|
|
|
|
price: "$9.99/mo", subtitle: "For serious home cooks", buttons: [{ text: "Start Free Trial", href: "#auth", onClick: handleSignIn }],
|
|
|
|
|
features: [
|
|
|
|
|
"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" }],
|
|
|
|
|
price: "$19.99/mo", subtitle: "Master your culinary skills", buttons: [{ text: "Upgrade Now", href: "#auth", onClick: handleSignIn }],
|
|
|
|
|
features: [
|
|
|
|
|
"Everything in Pro", "Professional cooking techniques", "Meal planning & grocery lists", "Weekly recipe curation", "Family sharing (up to 5 members)", "Exclusive chef interviews"
|
|
|
|
|
],
|
|
|
|
|
|