Skip to content

Commit 74eccee

Browse files
Amit-ArkayAmit-Arkay
committed
Initial Commit
1 parent 1be71ab commit 74eccee

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

49 files changed

+6695
-0
lines changed

‎.gitignore‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
node_modules
11+
dist
12+
dist-ssr
13+
*.local
14+
15+
# Editor directories and files
16+
.vscode/*
17+
!.vscode/extensions.json
18+
.idea
19+
.DS_Store
20+
*.suo
21+
*.ntvs*
22+
*.njsproj
23+
*.sln
24+
*.sw?

‎README.md‎

Lines changed: 160 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,160 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6+
<meta name="description" content="Free one-page React restaurant template – Built with Tailwind CSS, Vite, and TypeScript." />
7+
<meta name="keywords" content="react restaurant website, one-page food template, tailwind CSS landing page, vite react starter, restaurant homepage react, modern cafe website template, SEO friendly food site, fast react template, free react UI kit, responsive react template" />
8+
<meta name="author" content="Themixly Web" />
9+
<link rel="canonical" href="https://themixly.com/themes/react-restaurant-cafe-one-page-template/" />
10+
</head>
11+
<body>
12+
<h1>RestoOne – One Page React Template for Restaurants, Cafes & Food Brands</h1>
13+
14+
<h2>Introduction</h2>
15+
<p>RestoOne is a free, modern, and responsive React one-page template built for restaurants, cafes, bistros, and gourmet food brands. Crafted with React 18, Tailwind CSS, Vite, and TypeScript, this template is optimized for speed, SEO, and elegant UI — ideal for creating high-converting landing pages or digital menus for food businesses.</p>
16+
17+
<h2>🔗 Live Preview & Download</h2>
18+
<ul>
19+
<li>🚀 <a href="https://themixly.com/preview/754/react-restaurant-cafe-one-page-template/" target="_blank"> Live Demo – RestoOne Template</a></li>
20+
<li>🛒 <a href="https://themixly.com/themes/react-restaurant-cafe-one-page-template/" target="_blank"> Buy Full Version – Pro Template on Themixly</a></li>
21+
<li>📦 <a href="https://github.com/themixlyweb/react-restaurant-website-template" target="_blank"> Download from GitHub (Free)</a></li>
22+
</ul>
23+
24+
<h2>🧩 Feature Comparison: GitHub Free vs Themixly Pro</h2>
25+
<table>
26+
<thead>
27+
<tr><th>Feature</th><th>GitHub Free Version</th><th>Themixly Full Version</th></tr>
28+
</thead>
29+
<tbody>
30+
<tr><td>React 18 + TypeScript + Vite</td><td>✅</td><td>✅</td></tr>
31+
<tr><td>Tailwind CSS</td><td>✅</td><td>✅</td></tr>
32+
<tr><td>One-page Layout</td><td>✅</td><td>✅</td></tr>
33+
<tr><td>Reservation/Booking Form</td><td>❌</td><td>✅</td></tr>
34+
<tr><td>Menu Tabs Section</td><td>❌</td><td>✅</td></tr>
35+
<tr><td>Custom Components</td><td>Limited</td><td>Full UI Kit Included</td></tr>
36+
<tr><td>SEO Optimized Pages</td><td>Basic</td><td>Advanced</td></tr>
37+
<tr><td>Responsive for All Devices</td><td>✅</td><td>✅</td></tr>
38+
<tr><td>Lifetime Updates</td><td>Community Only</td><td>Lifetime Free Updates</td></tr>
39+
<tr><td>Licensing</td><td>MIT (Free)</td><td>Commercial Use Allowed</td></tr>
40+
<tr><td>Premium Support</td><td>Community via GitHub</td><td>1:1 Support via Email</td></tr>
41+
</tbody>
42+
</table>
43+
44+
<h3>👉 <a href="https://themixly.com/themes/react-restaurant-cafe-one-page-template/" target="_blank"> Upgrade to Full Version</a></h3>
45+
46+
<h2>🧠 Template Use Cases</h2>
47+
<p>RestoOne is perfect for:</p>
48+
<ul>
49+
<li>Restaurants, cafes, and coffee shops</li>
50+
<li>Bakeries and dessert boutiques</li>
51+
<li>Fast food chains and quick-service restaurants</li>
52+
<li>Cloud kitchens and food delivery startups</li>
53+
<li>Gourmet or organic food brands</li>
54+
<li>One-page restaurant menu or landing page websites</li>
55+
</ul>
56+
57+
<h2>💡 Key Features</h2>
58+
<ul>
59+
<li>Built with React 18, TypeScript, and Vite</li>
60+
<li>Styled using Tailwind CSS for speed and consistency</li>
61+
<li>Fully responsive with mobile-first grid layout</li>
62+
<li>One-page layout with key sections: Hero, About, Menu, Chefs, Contact</li>
63+
<li>Clean and modern UI for food & beverage businesses</li>
64+
<li>Lightweight and fast loading</li>
65+
<li>MIT License – free for personal and educational projects</li>
66+
</ul>
67+
68+
<h2>📸 Screenshots</h2>
69+
<figure>
70+
<figcaption>Includes sections like Hero, About, Menu, Chefs, Contact.</figcaption><br/>
71+
<img src="https://themixly.com/wp-content/uploads/2025/06/RestoOne-Product-Detail-Image1-scaled.png" alt="RestoOne – Page Preview">
72+
</figure>
73+
74+
<h2>✨ Why Choose RestoOne?</h2>
75+
<ul>
76+
<li>Designed for restaurants, cafes, and food startups</li>
77+
<li>Uses modern tech: React 18, Tailwind CSS, Vite, and TypeScript</li>
78+
<li>Fully responsive layout that looks great on any device</li>
79+
<li>Clean, component-based code that’s easy to customize</li>
80+
<li>Fast and SEO-optimized for better online visibility</li>
81+
<li>Free to use with a seamless upgrade path to Pro</li>
82+
</ul>
83+
84+
<h2>🛠️ Tech Stack</h2>
85+
<ul>
86+
<li>⚛️ React 18</li>
87+
<li>🎨 Tailwind CSS</li>
88+
<li>⚡ Vite (for blazing-fast builds)</li>
89+
<li>🧠 TypeScript (TSX support)</li>
90+
<li>🖥️ Compatible with all major browsers</li>
91+
</ul>
92+
93+
<h2>🚀 Getting Started</h2>
94+
<pre><code>npm install # Install dependencies
95+
npm run dev # Start development server
96+
npm run build # Build for production</code></pre>
97+
98+
<h3>📁 Folder Structure</h3>
99+
<pre><code>RestoOne/
100+
├── public/
101+
├── src/
102+
│ ├── assets/
103+
│ ├── images/
104+
│ ├── components/
105+
│ ├── data/
106+
│ ├── pages/
107+
├── README.md
108+
└── package.json</code></pre>
109+
110+
<h2>📦 What’s Included in the Free GitHub Version?</h2>
111+
<p>The free version of RestoOne includes:</p>
112+
<ul>
113+
<li>✅ One-page layout with sections: Hero, About, Chefs</li>
114+
<li>✅ Clean header and footer</li>
115+
<li>✅ Tailwind-based styling</li>
116+
<li>✅ Fully responsive design</li>
117+
<li>✅ MIT License – free for personal and educational use</li>
118+
</ul>
119+
<p>🔒 Full features like menu tabs, contact form, and more are available in the premium version.</p>
120+
<p>👉 <a href="https://themixly.com/themes/react-restaurant-cafe-one-page-template/" target="_blank">Buy Full Version on Themixly →</a></p>
121+
122+
<h2>📝 License</h2>
123+
<p>This template is licensed under the <a href="https://github.com/themixlyweb/react-restaurant-website-template/blob/main/LICENSE" target="_blank">MIT License</a>.<br>
124+
You may use this version for personal and educational purposes.<br>
125+
👉 For commercial projects, please purchase the <a href="https://themixly.com/themes/react-restaurant-cafe-one-page-template/" target="_blank">full version</a> here.</p>
126+
127+
<h2>📢 Support & Contributions</h2>
128+
<ul>
129+
<li>⭐ Star this repo if you find it useful</li>
130+
<li>Share with developers or restaurant owners</li>
131+
<li>👉 Buy the Full Template on <a href="https://themixly.com/themes/react-restaurant-cafe-one-page-template/" target="_blank">Themixly</a></li>
132+
</ul>
133+
134+
<h2>🔗 Other Templates You May Like</h2>
135+
<ul>
136+
<li>🦷 <a href="https://themixly.com/themes/dental-clinic-react-nextjs-template/" target="_blank">DentalClinic – Dental Clinic Website Template</a></li>
137+
<li>🍰 <a href="https://themixly.com/themes/gourmet-food-react-one-page-template/" target="_blank">RolayeDelights – Food Website Template</a></li>
138+
<li>🏗️ <a href="https://themixly.com/themes/construction-company-react-nextjs-template/" target="_blank">Buildify – Construction Website Template</a></li>
139+
</ul>
140+
141+
<p>Explore more templates → <a href="https://themixly.com/themes" target="_blank">Themixly Themes</a></p>
142+
143+
<h2>🧾 Contact Us</h2>
144+
<p>
145+
Need support or custom development?<br>
146+
📩 <a href="https://themixly.com/contact-us/" target="_blank">Contact Themixly Team</a><br>
147+
🔗 Follow us:
148+
<a href="https://www.facebook.com/profile.php?id=61576748155161" target="_blank">Facebook</a> |
149+
<a href="https://www.instagram.com/themixly/" target="_blank">Instagram</a> |
150+
<a href="https://www.linkedin.com/showcase/themixly" target="_blank">LinkedIn</a> |
151+
<a href="https://www.pinterest.com/Themixly" target="_blank">Pinterest</a> |
152+
<a href="https://www.youtube.com/@Thmixly" target="_blank">YouTube</a>
153+
</p>
154+
155+
<footer>
156+
© 2025 <a href="https://themixly.com/" target="_blank">Themixly</a>. All rights reserved. | Built with ❤️ for developers & designers.
157+
</footer>
158+
159+
</body>
160+
</html>

‎bun.lockb‎

194 KB
Binary file not shown.

‎components.json‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"$schema": "https://ui.shadcn.com/schema.json",
3+
"style": "default",
4+
"rsc": false,
5+
"tsx": true,
6+
"tailwind": {
7+
"config": "tailwind.config.ts",
8+
"css": "src/index.css",
9+
"baseColor": "slate",
10+
"cssVariables": true,
11+
"prefix": ""
12+
},
13+
"aliases": {
14+
"components": "@/components",
15+
"utils": "@/lib/utils",
16+
"ui": "@/components/ui",
17+
"lib": "@/lib",
18+
"hooks": "@/hooks"
19+
}
20+
}

‎eslint.config.js‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
import js from "@eslint/js";
2+
import globals from "globals";
3+
import reactHooks from "eslint-plugin-react-hooks";
4+
import reactRefresh from "eslint-plugin-react-refresh";
5+
import tseslint from "typescript-eslint";
6+
7+
export default tseslint.config(
8+
{ ignores: ["dist"] },
9+
{
10+
extends: [js.configs.recommended, ...tseslint.configs.recommended],
11+
files: ["**/*.{ts,tsx}"],
12+
languageOptions: {
13+
ecmaVersion: 2020,
14+
globals: globals.browser,
15+
},
16+
plugins: {
17+
"react-hooks": reactHooks,
18+
"react-refresh": reactRefresh,
19+
},
20+
rules: {
21+
...reactHooks.configs.recommended.rules,
22+
"react-refresh/only-export-components": [
23+
"warn",
24+
{ allowConstantExport: true },
25+
],
26+
"@typescript-eslint/no-unused-vars": "off",
27+
},
28+
}
29+
);

‎index.html‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>RestoOne – One Page React Template for Restaurants, Cafes & Food Brands</title>
8+
<meta name="description"
9+
content="One-page React template for restaurants, cafes, and food brands – built with Tailwind CSS & Vite." />
10+
<meta name="author" content="Themixly Web" />
11+
<meta name="keywords"
12+
content="React restaurant website template, one-page food website, cafe website template, Tailwind CSS react template, responsive restaurant UI kit, vite restaurant template, modern react food theme, SEO optimized food landing page, React 19 web template, fast-loading react UI" />
13+
14+
<!-- Open Graph Meta Tags -->
15+
<meta property="og:title" content="RestoOne – One Page React Template for Restaurants, Cafes & Food Brands" />
16+
<meta property="og:description"
17+
content="One-page React template for restaurants, cafes, and food brands – built with Tailwind CSS & Vite." />
18+
<meta property="og:type" content="website" />
19+
<meta property="og:image"
20+
content="https://themixly.com/wp-content/uploads/2025/06/RestoOne-Product-Detail-Image1-scaled.png" />
21+
<meta property="og:url" content="https://themixly.com/themes/react-restaurant-cafe-one-page-template/" />
22+
23+
<!-- Twitter Meta Tags -->
24+
<meta name="twitter:card" content="summary_large_image" />
25+
<meta name="twitter:site" content="@restoone_template" />
26+
<meta name="twitter:title" content="RestoOne – One Page React Template for Restaurants, Cafes & Food Brands" />
27+
<meta name="twitter:description"
28+
content="Tailwind & React-based single-page website template for cafes, food brands, and restaurants." />
29+
<meta name="twitter:image"
30+
content="https://themixly.com/wp-content/uploads/2025/06/RestoOne-Product-Detail-Image1-scaled.png" />
31+
32+
<!-- Favicon -->
33+
<link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
34+
<link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
35+
<link rel="shortcut icon" href="/favicon/favicon.ico" />
36+
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
37+
<link rel="manifest" href="/favicon/site.webmanifest" />
38+
39+
<!-- Preconnect to Google Fonts -->
40+
<link rel="preconnect" href="https://fonts.googleapis.com">
41+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
42+
</head>
43+
44+
<body>
45+
<div id="root"></div>
46+
<script type="module" src="/src/main.tsx"></script>
47+
</body>
48+
49+
</html>

0 commit comments

Comments
 (0)