-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
139 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,75 @@ | ||
|
|
||
| import SwiftUI | ||
|
|
||
| struct GlowbyScreen: View { | ||
| // This is a designated area where the OpenAI model can add or modify code. | ||
| // To enable the screen, set this value to true | ||
| // If it is false, the screen won't be visible in the app | ||
| static let enabled = true | ||
|
|
||
| // Change the title according to the assigned task | ||
| // This will be the name of the screen in the app | ||
| static let title = "Best Working Spaces in San Francisco" | ||
|
|
||
| // Replace this with the generated SwiftUI view | ||
| // Ensure the generated content shows up in the center of the screen | ||
| // within a frame with a maximum width of 360.0. | ||
| var body: some View { | ||
| ScrollView { | ||
| VStack(alignment: .leading) { | ||
| Text("SF's Best Working Spaces") | ||
| .font(.title2) | ||
| .fontWeight(.semibold) | ||
| .foregroundColor(.white) | ||
| .padding() | ||
| .background(Color.black) | ||
| .cornerRadius(8) | ||
|
|
||
| Text("Explore Top Working Spaces") | ||
| .font(.title) | ||
| .fontWeight(.bold) | ||
| .foregroundColor(.primary) | ||
| .padding(.vertical) | ||
|
|
||
| ForEach(1...3, id: \.self) { index in | ||
| VStack(alignment: .leading) { | ||
| Image("workspace\(index)") | ||
| .resizable() | ||
| .aspectRatio(contentMode: .fill) | ||
| .frame(height: 200) | ||
| .clipped() | ||
| .cornerRadius(8) | ||
|
|
||
| Text("Space \(index)") | ||
| .font(.headline) | ||
| .fontWeight(.bold) | ||
| .padding(.vertical, 2) | ||
|
|
||
| Text("Description for Space \(index)") | ||
| .foregroundColor(.secondary) | ||
| .padding(.bottom, 4) | ||
| } | ||
| .background(Color.white) | ||
| .cornerRadius(8) | ||
| .shadow(radius: 4) | ||
| .padding(.horizontal) | ||
| .padding(.bottom, 4) | ||
| } | ||
|
|
||
| Spacer(minLength: 50) | ||
|
|
||
| Text("© 2023 Best Working Spaces in San Francisco") | ||
| .font(.footnote) | ||
| .foregroundColor(.white) | ||
| .frame(maxWidth: .infinity) | ||
| .padding() | ||
| .background(Color.black) | ||
| .cornerRadius(8) | ||
| } | ||
| } | ||
| .frame(maxWidth: 360) | ||
| } | ||
| } | ||
|
|
||
| // Note: Image names "workspace1", "workspace2", "workspace3" should be replaced with actual images of the working spaces. | ||
| // The text "Description for Space \(index)" should be replaced with actual descriptions of the working spaces. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,64 @@ | ||
|
|
||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Best Working Spaces in San Francisco</title> | ||
| <script src="https://cdn.tailwindcss.com"></script> | ||
| <style> | ||
| /* Additional custom styles can be added here */ | ||
| </style> | ||
| </head> | ||
| <body class="bg-gray-100 font-sans leading-normal tracking-normal"> | ||
|
|
||
| <nav class="bg-gray-800 p-4"> | ||
| <div class="container mx-auto"> | ||
| <div class="flex items-center justify-between"> | ||
| <div class="text-white text-lg font-semibold">SF's Best Working Spaces</div> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <header class="bg-white shadow"> | ||
| <div class="container mx-auto p-4"> | ||
| <h1 class="text-gray-700 text-3xl font-bold">Explore Top Working Spaces</h1> | ||
| </div> | ||
| </header> | ||
|
|
||
| <main class="container mx-auto p-4"> | ||
| <div class="grid grid-cols-1 md:grid-cols-3 gap-4"> | ||
| <!-- Placeholder for working space 1 --> | ||
| <div class="bg-white rounded shadow p-4"> | ||
| <img src="https://source.unsplash.com/featured/?office,sanfrancisco" alt="Working Space 1" class="rounded mb-4"> | ||
| <h2 class="text-lg font-bold mb-2">Space One</h2> | ||
| <p class="text-gray-600">A vibrant and creative working environment located in the heart of the city.</p> | ||
| </div> | ||
|
|
||
| <!-- Placeholder for working space 2 --> | ||
| <div class="bg-white rounded shadow p-4"> | ||
| <img src="https://source.unsplash.com/featured/?workspace,sanfrancisco" alt="Working Space 2" class="rounded mb-4"> | ||
| <h2 class="text-lg font-bold mb-2">Space Two</h2> | ||
| <p class="text-gray-600">Modern and sleek, this space offers top-notch amenities for professionals.</p> | ||
| </div> | ||
|
|
||
| <!-- Placeholder for working space 3 --> | ||
| <div class="bg-white rounded shadow p-4"> | ||
| <img src="https://source.unsplash.com/featured/?coworking,sanfrancisco" alt="Working Space 3" class="rounded mb-4"> | ||
| <h2 class="text-lg font-bold mb-2">Space Three</h2> | ||
| <p class="text-gray-600">Cozy and intimate, perfect for startups and small teams looking for a quiet retreat.</p> | ||
| </div> | ||
| </div> | ||
| </main> | ||
|
|
||
| <footer class="bg-gray-800 p-4 mt-8"> | ||
| <div class="container mx-auto text-center text-white"> | ||
| © 2023 Best Working Spaces in San Francisco | ||
| </div> | ||
| </footer> | ||
|
|
||
| <script> | ||
| // JavaScript for interactive features can be added here | ||
| </script> | ||
| </body> | ||
| </html> |