i need you to design a landing page i will first give you the script then the design input . the script : 🧬✨ Landing Page Script – EPI Nutrition (Aging Focus)🧓 Aging Isn’t Just About Wrinkles.It’s about slowing metabolism, unstable blood sugar, and the silent onset of insulin resistance — long before the diagnosis of type 2 diabetes or chronic fatigue.With age, even "healthy" meals can trigger unexpected glucose spikes.Suddenly, your energy crashes. Your focus fades. Your weight becomes harder to control.It’s not your fault. It’s biology. But you can outsmart it.🔬 Modern Science Offers Clues. But Not Guidance.You’ve tried:Intermittent fasting that left you tiredDiet apps that treat everyone the sameCGMs (continuous glucose monitors) with confusing chartsWhat’s missing?👉 A system that knows your unique metabolism — and stays with you.🌱 Introducing EPI NutritionYour ultra-personalized metabolic steward.More than an app. More than a wearable.We deliver real-time insights, adapted to your biology, your routine, and your age-related needs.💡 How It WorksUltra-Personalized Case CreationWe begin by understanding your metabolic fingerprint: from how you digest carbs, to how stress or poor sleep affects your glucose.Stewardship, Not Just FeedbackYou don’t get a list of foods.You get continuous coaching, smart nudges, and strategic adaptation — like having a longevity coach in your pocket.Solving the Insulin PuzzleWe detect early signs of insulin resistance, even when traditional labs miss them.Then we design actionable steps to flatten your glycemic curve — before damage is done.📈 Why EPI Nutrition WorksBased on real-time glucose signalsGuided by AI-trained health stewardsCustomized for midlife+ individualsIntegrates with smartwatches, wearables, and your daily habits🛡️ Aging is Inevitable. But Losing Control Isn’t.If you're ready to move beyond generic advice…If you're tired of one-size-fits-all diets…If you want science to finally work for you...🚀 Get Your Metabolic Case Started TodayJoin the EPI Nutrition early access program.Ultra-personalized. Stewarded. Designed for the next chapter of life.🔹 [Start Your Case Now]🔹 [See How It Works]🔹 [Talk to a Health Steward] the design : Title: EPI Nutrition – Reverse Aging Through Metabolic Intelligence (China Version)Language: Mandarin Chinese (main content), with optional English subtitles for tech termsTone: Scientific yet warm, professional, sleek, and culturally adapted for mid- to upper-class Chinese consumers (age 40+)🖼️ Layout Instructions🧠 Section 1: Hero SectionBackground: Light gradient (white to soft jade green), subtle organic curvesVisual: A mid-aged Chinese woman (50s) looking in the mirror, overlay of glucose graph line morphing into a lotus or longevity symbol.Headline (in Mandarin): 「不是老化，而是代谢紊乱。」Subtext: “AI营养管家，基于实时血糖的超个性化健康指导”CTA Buttons:Primary: 【立即开启专属营养方案】(green button)Secondary: 【了解EPI如何工作】(outlined button)🧪 Section 2: Problem StatementLeft: Illustration of fluctuating glucose curves tied to aging faces or tirednessRight: Bullet points (icons)🧬 饮食相同 → 血糖反应不同🛌 睡眠差 → 影响胰岛素敏感性🍚 精致碳水 → 隐性代谢风险上升🧭 Section 3: The EPI Stewardship SystemVisual: Process flow with icons (4 steps):个性化建档血糖实时分析AI建议优化日常营养陪伴Graphical style: Clean infographics, minimal icons in jade green and light greyTagline: “不仅是建议，而是持续陪伴与干预。”🔍 Section 4: Detecting Insulin Resistance EarlyVisual: Wearable device on wrist + CGM graph mockupOverlay: “我们识别胰岛素抵抗的早期信号，并提出最适合您的干预路径。”🧘 Section 5: Aging Gracefully, Backed by Science3 Columns with Icons:🔬 科学基础：AI + CGM实时反馈🧑⚕️ 专属营养师建议💎 每周方案 + 中文引导📈 Section 6: User Testimonials / ResultsCarousel Style: Chinese users (40-65 y.o.)“睡眠质量改善了”, “体重下降2公斤”, “血糖波动明显减少”📦 Section 7: Call to ActionCentered, bold CTA:“开启属于您的代谢优化之旅”Button: 【申请内测资格】 or 【立即注册】🧭 FooterLinks: 关于我们 | 隐私政策 | 用户协议 | 联系方式WeChat QR code for immediate contactLogos of tech/medical partners if any (AI Lab, China CDC, etc.)🎯 Design PrinciplesUse traditional Chinese motifs subtly (lotus, jade lines, harmony curves)Prioritize mobile-first layoutAvoid aggressive “weight loss” messaging — instead focus on longevity, balance, personalizationHighlight tech sophistication but in a non-intimidating wayInclude progress bars, real feedback snippets, and coaching guidance mockups
I'll create a sophisticated landing page for EPI Nutrition that combines the metabolic health messaging with the Chinese design specifications. This will be a modern, responsive design focused on the 40+ demographic with scientific credibility and cultural sensitivity.
I've created a sophisticated landing page for EPI Nutrition that combines the metabolic health messaging from your script with the Chinese design specifications. Here are the key features:
Design Highlights:
🎨 Visual Design:
- Elegant gradient from white to soft jade green
- Traditional Chinese color palette with emerald/jade tones
- Clean, modern layout optimized for mobile-first experience
- Subtle organic curves and professional typography
📱 Responsive Sections:
- Hero Section - Powerful headline in Mandarin with clear value proposition
- Problem Statement - Visual representation of aging-related metabolic challenges
- EPI System - 4-step process flow showing the stewardship approach
- Insulin Resistance Detection - Technical credibility with monitoring dashboard
- Science-Backed Features - Three pillars of the service
- User Testimonials - Real feedback from Chinese users (40-65 age group)
- Strong CTA - Clear call-to-action for early access program
- Comprehensive Footer - WeChat integration and support links
🧬 Key Messaging:
- Focus on metabolic intelligence rather than just weight loss
- Emphasizes personalization and continuous stewardship
- Scientific credibility with AI and CGM technology
- Cultural sensitivity for Chinese middle-class consumers
- Age-appropriate messaging for 40+ demographic
The design successfully bridges Western health tech concepts with Chinese cultural preferences, creating a trustworthy and sophisticated brand presence.
use this design layout : 1️⃣ Hero Section – “The Aging Illusion”Background: Soft gradient (white → jade green), organic curves, clean UIMain Image: A calm, confident Chinese woman in her 50s, reflected in a mirror, overlaid with a glucose trend line morphing into a lotusHeadline:“It’s not aging — it’s metabolic disruption.”Subheadline:"Real-time blood sugar intelligence, stewarded by AI. Built for your unique body."Primary CTA: Start Your Personalized Case (green button)Secondary CTA: See How It Works (outline button)2️⃣ Problem Section – “What Aging Feels Like Inside”Left Column: Illustration of three glucose curves (youth vs middle-age vs elderly)Right Column:🧬 Same meal → Different blood sugar reaction🛌 Poor sleep → Decreased insulin sensitivity🍚 Refined carbs → Silent metabolic damageCaption:"With age, even your favorite foods may turn against you — without warning."3️⃣ Solution Section – “The EPI Stewardship System”Layout: Horizontal infographic flow with soft iconsSteps:Personalized Metabolic ProfileReal-Time Glucose MonitoringAI-Driven Nutrition GuidanceDaily Stewardship & AdaptationTagline Below:“Not just advice. A smart health steward in your pocket.”4️⃣ Deep Dive – “Solving the Insulin Puzzle”Visual: CGM wearable on wrist with real graph overlayRight Text Block:Headline: “Detect insulin resistance. Before it becomes your reality.”Text: "EPI Nutrition reveals invisible glucose stress patterns — and gives you proactive solutions, not just data."5️⃣ Proof Section – “Science Meets Longevity”3 Columns with Icons:🔬 Science-Based: AI + CGM + Clinical Nutrition🧑⚕️ Stewarded Coaching: Human + Digital Support💎 Localized Plans: Adapted to Chinese lifestyleDesign Note: Keep fonts legible, use jade green + charcoal black6️⃣ Testimonials – “What Users Are Saying”Carousel or grid:“I finally understand my body.”“My glucose spikes are down. So is my weight.”“It’s like having a metabolic coach on demand.”Include avatars of real users (40–65 age group)7️⃣ Call to Action – “Start Your Case”Full-width centered sectionText:“Reclaim metabolic control — and age on your own terms.”CTA: Join the Pilot Program or Apply for Early AccessOptional: Add WeChat QR code for instant onboarding8️⃣ FooterAbout EPI | Terms | Privacy Policy | ContactWeChat QR codeLogos of partners (medical research, tech labs, universities)Grey background, minimalist icons📌 Design PrinciplesMobile-first layoutColor palette: White, jade green, charcoal, soft gold accentsRounded buttons, soft shadowsIcons: minimalist line-style, scientific and wellness-orientedFonts: Sans-serif (e.g., Inter, Source Han Sans SC for Chinese later)
I'll redesign the landing page to match your exact layout specifications with the "Aging Illusion" theme and precise section structure.
I've completely redesigned the landing page to match your exact specifications with the "Aging Illusion" theme. Here are the key updates:
Design Highlights:
1️⃣ Hero Section - "The Aging Illusion"
- Soft gradient background with organic curves
- Powerful headline: "It's not aging — it's metabolic disruption"
- Clean UI with rounded buttons and proper CTAs
2️⃣ Problem Section - Visual glucose curves showing aging impact
- Left: Interactive glucose response visualization
- Right: Three key problems with minimalist icons
- Compelling caption about foods turning against you
3️⃣ Solution Section - Horizontal infographic flow
- 4-step EPI Stewardship System
- Soft icons and clean progression
- Clear tagline: "Not just advice. A smart health stesteward in your pocket."
4️⃣ Deep Dive - CGM wearable visualization
- Real-time glucose monitoring interface
- Compelling headline about detecting insulin resistance
- Focus on proactive solutions vs. just data
5️⃣ Proof Section - 3 pillars of credibility
- Science-based approach
- Human + AI stewardship
- Localized for Chinese lifestyle
6️⃣ Testimonials - Real user feedback
- Age-appropriate testimonials (40-65)
- Authentic quotes about understanding their bodies
- Professional presentation with avatars
7️⃣ Strong CTA - Full-width conversion section
- Compelling headline about reclaiming control
- Multiple access points including WeChat QR
- Clear pilot program positioning
8️⃣ Footer - Complete with partner logos and WeChat integration
Design Principles Applied:
- Mobile-first responsive layout
- Color palette: White, jade green, charcoal, soft gold accents
- Rounded buttons with soft shadows throughout
- Minimalist line-style icons for scientific/wellness feel
- Clean typography optimized for readability
The design now perfectly captures the "metabolic disruption vs. aging" narrative while maintaining scientific credibility and user trust.
use this logo and its color to redo the landing page and use this design : <body> <div class="indicator"></div> <nav> <div> <div class="svg-container"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" > <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" /> </svg> </div> <div>Globe Express</div> </div> <div> <div class="active">Home</div> <div>Holidays</div> <div>Destinations</div> <div>Flights</div> <div>Offers</div> <div>Contact</div> <div class="svg-container"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" > <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" /> </svg> </div> <div class="svg-container"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" > <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM3.751 20.105a8.25 8.25 0 0116.498 0 .75.75 0 01-.437.695A18.683 18.683 0 0112 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 01-.437-.695z" clip-rule="evenodd" /> </svg> </div> </div> </nav> <div id="demo"></div> <div class="details" id="details-even"> <div class="place-box"> <div class="text">Switzerland Alps</div> </div> <div class="title-box-1"><div class="title-1">SAINT</div></div> <div class="title-box-2"><div class="title-2">ANTONIEN</div></div> <div class="desc"> Tucked away in the Switzerland Alps, Saint Antönien offers an idyllic retreat for those seeking tranquility and adventure alike. It's a hidden gem for backcountry skiing in winter and boasts lush trails for hiking and mountain biking during the warmer months. </div> <div class="cta"> <button class="bookmark"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" > <path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0111.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 01-1.085.67L12 18.089l-7.165 3.583A.75.75 0 013.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93z" clip-rule="evenodd" /> </svg> </button> <button class="discover">Discover Location</button> </div> </div> <div class="details" id="details-odd"> <div class="place-box"> <div class="text">Switzerland Alps</div> </div> <div class="title-box-1"><div class="title-1">SAINT </div></div> <div class="title-box-2"><div class="title-2">ANTONIEN</div></div> <div class="desc"> Tucked away in the Switzerland Alps, Saint Antönien offers an idyllic retreat for those seeking tranquility and adventure alike. It's a hidden gem for backcountry skiing in winter and boasts lush trails for hiking and mountain biking during the warmer months. </div> <div class="cta"> <button class="bookmark"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" > <path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0111.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 01-1.085.67L12 18.089l-7.165 3.583A.75.75 0 013.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93z" clip-rule="evenodd" /> </svg> </button> <button class="discover">Discover Location</button> </div> </div> <div class="pagination" id="pagination"> <div class="arrow arrow-left"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" > <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /> </svg> </div> <div class="arrow arrow-right"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" > <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /> </svg> </div> <div class="progress-sub-container" > <div class="progress-sub-background" > <div class="progress-sub-foreground" ></div> </div> </div> <div class="slide-numbers" id="slide-numbers"></div> </div> <div class="cover" ></div> </body>
