SedApp - Food Delivery Platform Web Landing Page
SedApp is a modern food delivery platform connecting customers with local restaurants. Our mission is to transform food delivery through simple, reliable technology and excellent service.
- Mobile App - Android application for customers to order food easily
- POS System - Desktop application for restaurant partners (Linux)
- Real-time Updates - Live order tracking and notifications
- 24/7 Support - Round-the-clock customer service
- Growth-Focused - Built to scale with early adopter benefits
Download the SedApp mobile application from the website to order from local restaurants.
Restaurant management system for order processing, inventory tracking, and analytics.
- Framework: React 18.3.1
- Language: TypeScript 5.9.3
- Build Tool: Vite 6.0.5
- Styling: Tailwind CSS 3.4.17
- Animations: Framer Motion 11.11.17
- Icons: Lucide React 0.468.0
- Linting: ESLint 9.39.1 with TypeScript support
Sedapp.com/
├── public/ # Static assets
│ ├── team/ # Team member photos
│ └── downloads/ # App downloads (APK, Linux package)
├── src/
│ ├── components/ # Reusable UI components
│ │ ├── Accordion.tsx # Accessible accordion with animations
│ │ ├── Button.tsx # Multi-variant button component
│ │ ├── Card.tsx # Animated card with hover effects
│ │ ├── Footer.tsx # Site footer with links
│ │ ├── Header.tsx # Fixed navigation header
│ │ ├── Input.tsx # Form input with validation
│ │ └── Textarea.tsx # Form textarea with validation
│ ├── sections/ # Page sections
│ │ ├── Hero.tsx # Landing section with CTAs
│ │ ├── About.tsx # Company mission & vision
│ │ ├── Features.tsx # Product features showcase
│ │ ├── Partners.tsx # Partner onboarding steps
│ │ ├── Team.tsx # Team member profiles
│ │ ├── FAQ.tsx # Frequently asked questions
│ │ └── Contact.tsx # Contact form
│ ├── hooks/ # Custom React hooks
│ │ ├── useScrollSpy.ts # Active section tracking
│ │ ├── useFormValidation.ts # Form validation logic
│ │ └── useInView.ts # Intersection observer hook
│ ├── constants/ # Data & configuration
│ │ ├── colors.ts # Design system colors
│ │ ├── features.ts # Feature definitions
│ │ ├── team.ts # Team member data
│ │ ├── faq.ts # FAQ content
│ │ └── navigation.ts # Navigation links
│ ├── App.tsx # Main app component
│ ├── main.tsx # App entry point
│ └── index.css # Global styles & Tailwind
├── index.html # HTML template with SEO meta
├── vite.config.ts # Vite configuration
├── tailwind.config.js # Tailwind CSS configuration
├── tsconfig.json # TypeScript configuration
├── eslint.config.js # ESLint rules
└── package.json # Dependencies & scripts
# Clone repository
git clone https://github.com/YOUR-USERNAME/Sedapp.com.git
cd Sedapp.com
# Install dependencies
npm install
# Run development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run previewThe project uses a consistent color palette defined in tailwind.config.js:
- Primary Orange:
#E76F00- Main brand color - Brand Yellow:
#FFEB34- Secondary highlights - Accent:
#C85D00- Hover states - Background:
#FFF8E6- Light sections
Copyright © 2026 SedApp. All rights reserved.
We're currently in MVP phase. For partnership inquiries or contributions, please contact us.
- Website: sedapp.com
- Email: hello@sedapp.com
- Phone: +60 (17) 652-4864
- LinkedIn: Elshod Rakhmonov
Built with modern web technologies and a passion for connecting communities through great food.
Made with ❤️ by Mr.ElshodDev | Powered by React, TypeScript & Tailwind CSS