Spaces:
Running
Running
this is my gfs brand, she lives in petare caracas and i have a shopify i want to make into a site for her
Browse files- README.md +8 -5
- index.html +63 -19
README.md
CHANGED
|
@@ -1,10 +1,13 @@
|
|
| 1 |
---
|
| 2 |
-
title: Petare Bloom
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
|
|
|
|
|
|
| 1 |
---
|
| 2 |
+
title: Petare Bloom 馃尯
|
| 3 |
+
colorFrom: yellow
|
| 4 |
+
colorTo: pink
|
| 5 |
+
emoji: 馃惓
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- deepsite-v3
|
| 10 |
---
|
| 11 |
|
| 12 |
+
# Welcome to your new DeepSite project!
|
| 13 |
+
This project was created with [DeepSite](https://huggingface.co/deepsite).
|
index.html
CHANGED
|
@@ -1,19 +1,63 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en" class="scroll-smooth">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>Petare Bloom - Belleza desde el coraz贸n de Caracas</title>
|
| 7 |
+
<link rel="icon" type="image/x-icon" href="https://static.photos/red/64x64/1">
|
| 8 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 9 |
+
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 10 |
+
<script src="https://unpkg.com/feather-icons"></script>
|
| 11 |
+
<link rel="stylesheet" href="style.css">
|
| 12 |
+
<script>
|
| 13 |
+
tailwind.config = {
|
| 14 |
+
theme: {
|
| 15 |
+
extend: {
|
| 16 |
+
colors: {
|
| 17 |
+
'petare-rose': '#F43F5E',
|
| 18 |
+
'petare-teal': '#14B8A6',
|
| 19 |
+
'petare-gold': '#F59E0B'
|
| 20 |
+
}
|
| 21 |
+
}
|
| 22 |
+
}
|
| 23 |
+
}
|
| 24 |
+
</script>
|
| 25 |
+
</head>
|
| 26 |
+
<body class="bg-gray-50 text-gray-900 transition-colors duration-300 dark:bg-gray-900 dark:text-gray-100">
|
| 27 |
+
|
| 28 |
+
<custom-navbar></custom-navbar>
|
| 29 |
+
|
| 30 |
+
<!-- Hero Section -->
|
| 31 |
+
<section class="relative min-h-screen flex items-center justify-center overflow-hidden">
|
| 32 |
+
<div class="absolute inset-0 z-0">
|
| 33 |
+
<img src="http://static.photos/cityscape/1200x630/42" alt="Petare skyline" class="w-full h-full object-cover opacity-30 dark:opacity-20">
|
| 34 |
+
<div class="absolute inset-0 bg-gradient-to-b from-transparent via-gray-50/50 to-gray-50 dark:via-gray-900/50 dark:to-gray-900"></div>
|
| 35 |
+
</div>
|
| 36 |
+
|
| 37 |
+
<div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20">
|
| 38 |
+
<div class="grid lg:grid-cols-2 gap-12 items-center">
|
| 39 |
+
<div class="text-center lg:text-left">
|
| 40 |
+
<span class="inline-block px-4 py-2 bg-petare-rose/10 text-petare-rose rounded-full text-sm font-medium mb-6 animate-pulse">
|
| 41 |
+
Hecho en Petare, Caracas
|
| 42 |
+
</span>
|
| 43 |
+
<h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">
|
| 44 |
+
Belleza que surge de
|
| 45 |
+
<span class="text-petare-rose relative">
|
| 46 |
+
la monta帽a
|
| 47 |
+
<svg class="absolute -bottom-2 left-0 w-full h-3 text-petare-teal/30" viewBox="0 0 100 10" preserveAspectRatio="none">
|
| 48 |
+
<path d="M0,0 Q50,10 100,0" stroke="currentColor" stroke-width="2" fill="none"/>
|
| 49 |
+
</svg>
|
| 50 |
+
</span>
|
| 51 |
+
</h1>
|
| 52 |
+
<p class="text-lg md:text-xl text-gray-600 dark:text-gray-300 mb-8 max-w-2xl">
|
| 53 |
+
Cada pieza cuenta la historia de Petare: resiliencia, arte y comunidad tejidos en cada detalle por manos venezolanas.
|
| 54 |
+
</p>
|
| 55 |
+
<div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start">
|
| 56 |
+
<a href="#shop" class="inline-flex items-center gap-2 bg-petare-rose text-white px-8 py-4 rounded-full font-semibold hover:bg-petare-rose/90 transform hover:scale-105 transition-all duration-300 shadow-lg hover:shadow-petare-rose/25">
|
| 57 |
+
<i data-feather="shopping-bag"></i>
|
| 58 |
+
Explorar Tienda
|
| 59 |
+
</a>
|
| 60 |
+
<a href="#story" class="inline-flex items-center gap-2 border-2 border-petare-teal text-petare-teal px-8 py-4 rounded-full font-sem
|
| 61 |
+
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
|
| 62 |
+
</body>
|
| 63 |
+
</html>
|