Val Town Code SearchReturn to Val Town

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState } from "https://esm.sh/react@18.2.0";
3
4const Header: React.FC = () => {
5  const [isMenuOpen, setIsMenuOpen] = useState(false);
6

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import Header from "./Header.tsx";
4import Hero from "./Hero.tsx";
11import { InitialData } from "../../shared/types.ts";
12
13const App: React.FC = () => {
14  // Get initial data from window if available
15  const initialData: InitialData = window.__INITIAL_DATA__ || {

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import App from "./components/App.tsx";
5
12// Render the App component
13root.render(
14  <React.StrictMode>
15    <App />
16  </React.StrictMode>
17);

6
7- `index.html`: Main HTML template
8- `index.tsx`: React entry point
9- `components/`: React components
10- `assets/`: Static assets like images and icons
11

33## Features
34
35- Modern, responsive design using React and Tailwind CSS
36- IDESA virtual design assistant powered by OpenAI
37- Interactive sections showcasing IDES INTERIOR services and portfolio
40## Technologies Used
41
42- Frontend: React, Tailwind CSS
43- Backend: Hono (API framework)
44- AI Integration: OpenAI API

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useState } from "https://esm.sh/react@18.2.0";
3
4export function App() {
6  return (
7    <div>
8      <h1>Val Town React + Hono Starter</h1>
9      I've been clicked <button onClick={() => setClicked((c) => c + 1)}>{clicked}</button> times
10    </div>

16## Tech Stack
17
18- **Frontend**: React with TailwindCSS
19- **Backend**: Hono API framework on Val Town
20- **Database**: SQLite for data storage

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import type { ForecastDay } from "../../shared/types.ts";
4import ForecastCard from "./ForecastCard.tsx";
8}
9
10const WeatherForecast: React.FC<WeatherForecastProps> = ({ forecast }) => {
11  return (
12    <div>

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import type { ForecastDay } from "../../shared/types.ts";
4import { getWeatherIcon } from "../../shared/types.ts";
8}
9
10const ForecastCard: React.FC<ForecastCardProps> = ({ day }) => {
11  // Format date to display day of week
12  const formatDate = (dateString: string) => {

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import type { WeatherData } from "../../shared/types.ts";
4import { getWeatherIcon } from "../../shared/types.ts";
8}
9
10const CurrentWeather: React.FC<CurrentWeatherProps> = ({ data }) => {
11  const { current, location } = data;
12