해커톤 발표나 프로젝트 데모용 데이터 분석 웹사이트의 랜딩페이지 UI 및 코드를 생성할 때.
create the landing page the i want build and this my project topic name :Development of a Real-time Airfare Price Index for India through Automated Web Scraping of Airline and Online Travel Aggregator Portals for Augmentation of the Consumer Price Index (CPI) and this websit should be open source ### Mini prompt for creating the AeroCPI landing page > **Create a modern, professional landing page for “AeroCPI – Real-Time Airfare Price Index for India”. Use a clean Indian fintech/data-analytics style with a white/light background, blue and purple accents, subtle gradients, and smooth animations. Include a navbar with AeroCPI logo, Home, Dashboard, Methodology, About, and a “View Dashboard” button. Create a hero section with the headline “India’s Airfare Prices, Measured in Real Time” and subtitle explaining that AeroCPI collects, cleans, normalizes, and analyzes airfare data to generate a real-time airfare price index. Add CTA buttons “Explore Dashboard” and “Learn How It Works”. Include a visual airfare trend chart/mock dashboard on the right. Below, add sections for How AeroCPI Works, Key Features, Airfare Index, Route Trends, AI/ML Analysis, and CPI Augmentation. End with a professional footer. Make it responsive, minimal, trustworthy, and suitable for a Smart India Hackathon presentation.** ### Mini prompt for creating the AeroCPI landing page
내가 만들고자 하는 프로젝트의 랜딩페이지를 작성해줘. 프로젝트 주제명: "소비자물가지수(CPI) 증강을 위한 항공사 및 온라인 여행사 포털의 자동 웹 스크래핑 기반 인도 실시간 항공권 가격 지수 개발", 이 웹사이트는 오픈소스로 공개되어야 함 ### AeroCPI 랜딩페이지 제작을 위한 미니 프롬프트 > **"AeroCPI – 인도 실시간 항공권 가격 지수"를 위한 모던하고 전문적인 랜딩페이지를 생성해줘. 흰색/밝은 배경, 파란색과 보라색 포인트, 은은한 그라데이션, 부드러운 애니메이션을 사용한 깔끔한 인도 핀테크/데이터 분석 스타일을 적용해줘. AeroCPI 로고, Home, Dashboard, Methodology, About, 그리고 "View Dashboard" 버튼이 포함된 내비게이션 바를 포함해줘. "인도의 항공권 가격, 실시간으로 측정하다"라는 헤드라인과 AeroCPI가 항공권 데이터를 수집, 정제, 정규화 및 분석하여 실시간 항공권 가격 지수를 생성한다는 서브타이틀이 있는 히어로 섹션을 만들어줘. CTA 버튼으로 "Explore Dashboard"와 "Learn How It Works"를 추가해줘. 오른쪽에는 비주얼 항공권 추이 차트/목업 대시보드를 배치해줘. 하단에는 AeroCPI 작동 방식, 주요 기능, 항공권 지수, 노선별 추이, AI/ML 분석, CPI 증강 섹션을 추가해줘. 전문적인 푸터로 마무리해줘. 반응형이며 미니멀하고 신뢰감을 주며 Smart India Hackathon 발표에 적합하게 만들어줘.** ### AeroCPI 랜딩페이지 제작을 위한 미니 프롬프트
출처 · prompts.chat · Real-Time Airfare Price Index Landing Page — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
자동화된 웹 스크래핑을 통한 한국 시장 실시간 항공권 가격 지수 산출 및 소비자물가지수(CPI) 보완 플랫폼 TPI 항공물가지수 웹사이트 구축 ### TPI 항공물가지수 소개 페이지 제작용 프롬프트 > **"TPI 항공물가지수 – 실시간 한국 항공권 가격 지수"를 위한 현대적이고 전문적인 소개 페이지를 작성하세요. 깔끔한 핀테크/데이터 분석 스타일을 적용하고, 밝은 흰색/연한 배경, 파란색과 보라색 강조색, 미세한 그라데이션, 부드러운 애니메이션을 사용하세요. TPI 항공물가지수 로고, 홈, 실시간 대시보드, 수집·분석 방식, 핵심 기능, 소비자물가 연계 메뉴와 "대시보드 열기" 버튼이 포함된 상단 탐색바를 만드세요. 메인 영역에는 "실시간으로 측정하는 대한민국 항공권 가격 지수"라는 헤드라인과, TPI 항공물가지수가 항공사 및 여행사 데이터를 수집·정제·정규화하여 실시간 지수를 생성함을 설명하는 부제목을 넣으세요. "대시보드 탐색"과 "작동 방식 보기" CTA 버튼을 배치하고, 우측에는 시각적인 실시간 항공권 트렌드 차트 및 모의 대시보드를 배치하세요. 하단에는 수집·분석 방식, 핵심 기능, 실시간 대시보드, 노선별 동향, AI/ML 분석, 소비자물가 연계 단계를 포함하세요. 전문적인 푸터로 마무리하세요. 모든 버튼과 탭이 실제로 동작하고, 반응형이며, 신뢰감을 주는 구조로 제작하세요.**
실시간 항공권 가격 데이터 수집 및 소비자물가지수(CPI) 연계를 시각화하는 현대적인 핀테크 데이터 분석 플랫폼 페이지입니다. 네비게이션, 차트 전환 탭, 프로세스 선택기, 대시보드 모달 등 페이지 내 모든 버튼과 요소가 클릭에 반응하고 실시간 차트 애니메이션이 구동되도록 제작하였습니다.
원문과 같은 언어로 보완한 프롬프트입니다. 점수는 명확성 · 구체성 · 출력 형식 · 재사용성 기준의 AI 평가입니다.
Act as an expert Frontend Developer and UI/UX Designer. Create a responsive, production-ready landing page code using [HTML with Tailwind CSS / React + Tailwind CSS] for an open-source project named “AeroCPI – Real-Time Airfare Price Index for India” designed for a Smart India Hackathon presentation. ### Project Context AeroCPI collects, cleans, normalizes, and analyzes Indian airfare data from airline and aggregator portals via automated web scraping to produce a real-time airfare index that augments traditional Consumer Price Index (CPI) metrics. ### Design & Style Guidelines - Aesthetic: Clean Indian fintech / data-analytics look with a light/white background, deep blue and purple accents, subtle gradients, and smooth micro-animations. - Tone: Minimal, modern, highly trustworthy, and data-centric. ### Page Structure & Requirements 1. Navbar: AeroCPI logo, navigation links (Home, Dashboard, Methodology, About, Open Source), and a prominent CTA button (“View Dashboard”). 2. Hero Section: - Headline: “India’s Airfare Prices, Measured in Real Time” - Subtitle: Explaining automated data scraping, normalization, real-time indexing, and CPI augmentation. - CTAs: Primary (“Explore Dashboard”), Secondary (“Learn How It Works”). - Visual: Visual mock dashboard / interactive airfare trend line chart component on the right. 3. How AeroCPI Works: Step-by-step visual workflow (Data Scraping → Data Normalization → AI/ML Analytics → CPI Augmentation). 4. Key Features & Analytics: Grids highlighting Airfare Index, Popular Route Trends, Predictive AI Analysis, and National CPI Impact. 5. Open Source & Hackathon Showcase: GitHub repository banner ([Insert GitHub Link]), open-source license badge, and Smart India Hackathon project metadata. 6. Footer: Quick links, project documentation, open-source license info, and tech stack details. Provide clean, well-commented, and fully responsive code.