Hugging Face's logo

Spaces:
amoslain
/
fountainsofgrowth
Running

App Files Community
fountainsofgrowth / index.html
amoslain's picture
amoslain
CAN YOU MAKE IT more proffesional?
d778f83 verified
raw
history blame contribute delete
18.7 kB
 <!DOCTYPE html>
<html lang="he" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ืฉื™ืจื” ื˜ืจื™ - ืžืขื™ื™ื ื•ืช ืฉืœ ืฆืžื™ื—ื”</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Hero Section -->
<section class="hero-section bg-gradient-to-r from-primary to-primary-dark text-white py-20">
<div class="container mx-auto flex flex-col items-center text-center">
<h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-6">ืฉื™ืจื” ื˜ืจื™</h1>
<h2 class="text-3xl md:text-4xl lg:text-5xl font-semibold mb-8">ืžืขื™ื™ื ื•ืช ืฉืœ ืฆืžื™ื—ื”</h2>
<p class="text-xl md:text-2xl mb-10 max-w-3xl">ื‘ื•ืื™ ืœื’ืœื•ืช ื›ื™ืฆื“ ืœืฆืžื•ื— ืžื‘ืคื ื™ื ื“ืจืš ื˜ื™ืคื•ืœ ืจื’ืฉื™ ืงืฆืจ-ืžื•ืขื“ ื‘ื’ื™ืฉื” ื”ืžืฉืœื‘ืช ื˜ื™ืคื•ืœ ื‘ืžื•ื“ืข ื•ื‘ืชืช-ืžื•ื“ืข</p>
<div class="flex flex-wrap justify-center gap-4 mb-12">
<span class="px-4 py-2 bg-white bg-opacity-20 rounded-full font-medium">ืื™ืžื•ืŸ</span>
<span class="px-4 py-2 bg-white bg-opacity-20 rounded-full font-medium">ื˜ื™ืคื•ืœ ืจื’ืฉื™</span>
<span class="px-4 py-2 bg-white bg-opacity-20 rounded-full font-medium">ืกื“ื ืื•ืช</span>
</div>
<div class="text-4xl md:text-5xl font-bold tracking-wider mb-10 opacity-90">ืž ืข ื™ ื™ ื  ื• ืช ืฉ ืœ ืฆ ืž ื™ ื— ื”</div>
<a href="#contact" class="btn btn-secondary px-8 py-4 text-lg">
ืฆืจื™ ืงืฉืจ ืขื•ื“ ื”ื™ื•ื <i class="fas fa-arrow-left ml-2"></i>
</a>
</div>
</section>
<!-- Introduction Section -->
<section class="section bg-white">
<div class="https://m-il.co.il/wp-content/uploads/2024/09/logo-2.jpg">
<div class="md:w-1/2">
<h3 class="text-2xl md:text-3xl font-bold text-gray-800 mb-6">ื”ื™ื™ ืืช,</h3>
<p class="text-lg text-gray-700 mb-6">
ืžืขื•ื ื™ื™ื ืช ืœื—ื™ื•ืช ื—ื™ื™ื ืžืกืคืงื™ื ื™ื•ืชืจ ืขื ืžืขืจื›ื•ืช ื™ื—ืกื™ื ื˜ื•ื‘ื•ืช ื™ื•ืชืจ?<br>
ื™ืฉ ืœืš ื—ืจื“ื•ืช ืื• ืคื—ื“ื™ื ืžื˜ืจื™ื“ื™ื?<br>
ืžืจื’ื™ืฉื” ืฉืืช ืœื ื‘ื˜ื•ื‘ ืœืื—ืจื•ื ื”?<br>
ืžื‘ืงืฉืช ืฉื™ื ื•ื™ ื‘ื—ื™ื™ืš?
</p>
<p class="text-lg text-gray-700 mb-8">
ื‘ื•ืื™ ืœื˜ื™ืคื•ืœ ืจื’ืฉื™ ืงืฆืจ -ืžื•ืขื“ ื•ืชื•ื›ืœื™ ืœืงื‘ืœ ื›ืœื™ื ืœื—ื™ื•ืช ื—ื™ื™ื ืžืกืคืงื™ื ื™ื•ืชืจ, ืœืฉืคืจ ื”ืขืจื›ื” ืขืฆืžื™ืช ื•ืžืขืจื›ื•ืช ื™ื—ืกื™ื, ืœื”ื™ืคื˜ืจ ืžื”ื—ืฉืฉื•ืช ื•ืœืฆืœื•ื— ืืช ืžืฉื‘ืจื™ ื”ื—ื™ื™ื ื‘ืื•ืคืŸ ืžื™ื˜ื‘ื™
</p>
<div class="bg-emerald-50 p-6 rounded-lg border-l-4 border-emerald-500">
<p class="text-emerald-800 font-medium">ื‘ืืžืฆืขื•ืช ื˜ื™ืคื•ืœ ืจื’ืฉื™ ืงืฆืจ ืžื•ืขื“ ืชื•ื›ืœื™:</p>
</div>
</div>
</div>
</section>
<!-- Benefits Section -->
<section class="section bg-gray-50">
<div class="container mx-auto">
<h2 class="text-3xl md:text-4xl font-bold text-center text-emerald-800 mb-16">ืื™ืš ื”ื˜ื™ืคื•ืœ ื™ื›ื•ืœ ืœืขื–ื•ืจ ืœืš?</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
<!-- Benefit 1 -->
<div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition duration-300">
<div class="text-emerald-600 text-4xl mb-4">
<i class="fas fa-heart"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-3">ืœื”ืชื’ื‘ืจ ืขืœ ืคื—ื“ื™ื ื•ื—ืจื“ื•ืช</h3>
<p class="text-gray-700">
ืœืขื™ืชื™ื ืืช ืžื•ื ืขืช ืžืคื—ื“ ืื• ื—ืจื“ื” - ืืœ ืชืœื›ื™ ื‘ื—ื•ืฉืš ืœื‘ื“ืš- ื™ื—ื“ ื ืชื™ืจ ืืช ื”ืกื‘ืš ืœืืคืฉืจ ืจื™ืคื•ื™ ื•ืฉืžื—ื”
</p>
</div>
<!-- Benefit 2 -->
<div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition duration-300">
<div class="text-amber-600 text-4xl mb-4">
<i class="fas fa-comments"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-3">ืœื”ืชื’ื‘ืจ ืขืœ ื‘ื™ืงื•ืจืช ืขืฆืžื™ืช</h3>
<p class="text-gray-700">
ืขื ื”ืฉื ื™ื ืœืžื“ืช ืœื”ื™ื•ืช ื”ืžื‘ืงืจืช ื”ื›ื™ ื’ื“ื•ืœื” ืฉืœ ืขืฆืžืš -ื‘ื˜ื™ืคื•ืœ ืจื’ืฉื™ ืชืœืžื“ื™ ืœื—ื“ืฉ ืืช ื”ืงืฉืจ ืขื ื”ืžื”ื•ืช ื”ื˜ื•ื‘ื” ืฉืœืš
</p>
</div>
<!-- Benefit 3 -->
<div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition duration-300">
<div class="text-rose-600 text-4xl mb-4">
<i class="fas fa-people-arrows"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-3">ืœืฉืคืจ ืžืขืจื›ื•ืช ื™ื—ืกื™ื</h3>
<p class="text-gray-700">
ื‘ื˜ื™ืคื•ืœ ืจื’ืฉื™-ืชืœืžื“ื™ ืœื”ื—ื–ื™ืง ืžืขืจื›ื•ืช ื™ื—ืกื™ื ื˜ื•ื‘ื•ืช ืžืžืงื•ื ืฉืœ ื—ื•ื–ืงื” ืจื’ืฉื™ืช ื•ืื”ื‘ื” ืขืฆืžื™ืช
</p>
</div>
<!-- Benefit 4 -->
<div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition duration-300">
<div class="text-indigo-600 text-4xl mb-4">
<i class="fas fa-seedling"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-3">ืœืฆืžื•ื— ื•ืœื”ืชืคืชื—</h3>
<p class="text-gray-700">
ืชื’ืœื™ ืืช ื”ื›ื•ื—ื•ืช ื”ืคื ื™ืžื™ื™ื ืฉืœืš ื•ืชืœืžื“ื™ ื›ื™ืฆื“ ืœื”ืฉืชืžืฉ ื‘ื”ื ื›ื“ื™ ืœื™ืฆื•ืจ ืฉื™ื ื•ื™ ืืžื™ืชื™ ื‘ื—ื™ื™ืš
</p>
</div>
</div>
</div>
</section>
<!-- About Me Section -->
<section class="section bg-white">
<div class="container mx-auto flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
<img src="https://m-il.co.il/wp-content/uploads/2024/09/logo-2.jpg"
alt="ืฉื™ืจื” ื˜ืจื™" class="rounded-lg shadow-xl w-full h-auto">
</div>
<div class="md:w-1/2">
<h2 class="text-3xl md:text-4xl font-bold text-emerald-800 mb-6">ืื– ืžื™ ืื ื™?</h2>
<h3 class="text-2xl text-gray-700 mb-6">ื ืขื™ื ืžืื•ื“! ืฉืžื™ ืฉื™ืจื” ื˜ืจื™</h3>
<p class="text-lg text-gray-700 mb-6">
ื•ืื ื™ ืžื˜ืคืœืช ืจื’ืฉื™ืช ื•ืžื ื—ืช ืกื“ื ืื•ืช ื”ืขืฆืžื”. ืžืชืžื—ื” ื‘ื˜ื™ืคื•ืœ ืงืฆืจ ืžื•ืขื“ ื”ืžืฉืœื‘ ื˜ื™ืคื•ืœ ื‘ืžื•ื“ืข ื•ื‘ืชืช ืžื•ื“ืข ืชื•ืš ืฉื™ืžื•ืฉ ื‘ื›ืœื™ื ืžืขื•ืœืžื•ืช ื”ื“ื™ืžื™ื•ืŸ ืžื•ื“ืจืš, ืจืคื•ืืช ืขืฅ ื”ื“ื•ืจื•ืช, CBT ื•-NLP.
</p>
<p class="text-lg text-gray-700 mb-8">
ื‘ืขืœืช BA ื•-MA ืžื˜ืขื ืื•ื ื™ื‘ืจืกื™ื˜ืช ื‘ืจ ืื™ืœืŸ ื•ืžื ื—ืช ืงื‘ื•ืฆื•ืช ื‘ื’ื™ืฉืช ืคืกื™ื›ื•ื“ืจืžื”.
</p>
<div class="bg-emerald-100 p-6 rounded-lg">
<p class="text-emerald-800 font-medium">
<i class="fas fa-map-marker-alt mr-2"></i> ื”ืงืœื™ื ื™ืงื” ื‘ืงืจื™ืช ืขืงืจื•ืŸ ื•ืžื–ื›ืจืช ื‘ืชื™ื”
</p>
<p class="text-emerald-800 font-medium mt-2">
<i class="fas fa-phone mr-2"></i> 054-263-9115
</p>
</div>
</div>
</div>
</section>
<!-- Testimonials Section -->
<section class="section bg-light">
<div class="container mx-auto">
<h2 class="text-3xl md:text-4xl font-bold text-center text-amber-800 mb-16">ืžื” ืื•ืžืจื™ื ืขืœ ื”ื˜ื™ืคื•ืœ ื”ืจื’ืฉื™ ื•ื”ืกื“ื ืื•ืช</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Testimonial 1 -->
<div class="testimonial-card bg-white p-6 rounded-lg shadow-md">
<div class="flex items-center mb-4">
<div class="text-amber-500 text-2xl mr-3">
<i class="fas fa-quote-left"></i>
</div>
<p class="text-gray-700 italic">
"ืžืžืœื™ืฆื” ืขืœ ื˜ื™ืคื•ืœ ืขื ืฉื™ืจื”! ื”ื™ื ื”ืฆืœื™ื—ื” ืœื’ืจื•ื ืœื™ ืœื”ืจื’ื™ืฉ ื‘ื ื•ื— ื•ืœื”ื™ืคืชื— ื›ื‘ืจ ืžื”ืžืคื’ืฉ ื”ืจืืฉื•ืŸ. ื”ืฉื™ื˜ื•ืช ื”ืžืžื•ืงื“ื•ืช ืฉืœื” ื•ื”ื’ื™ืฉื” ื”ืื™ื ื˜ื’ืจื˜ื™ื‘ื™ืช ืขื–ืจื• ืœื™ ืœื”ืชื’ื‘ืจ ืชื•ืš ื–ืžืŸ ืงืฆืจ ื™ื—ืกื™ืช ืขืœ ืžืฉื‘ืจ ืื™ืฉื™ ืงืฉื” ืฉืขื‘ืจืชื™ ื›ืชื•ืฆืื” ืžืžืขืจื›ื•ืช ื™ื—ืกื™ื ืœื ื˜ื•ื‘ื•ืช. ืื™ืŸ ืกืคืง ืฉืื ื™ ืืฉื” ืื—ืจืช ื”ื™ื•ื-ื”ืจื‘ื” ื™ื•ืชืจ ื‘ื˜ื•ื—ื” ื‘ืขืฆืžื™ ื•ื”ืจื‘ื” ื™ื•ืชืจ ื—ื–ืงื” ื ืคืฉื™ืช"
</p>
</div>
<p class="text-amber-700 font-medium">- ืขื ืช ืฉ. ืงืจื™ืช ืขืงืจื•ืŸ</p>
</div>
<!-- Testimonial 2 -->
<div class="testimonial-card bg-white p-6 rounded-lg shadow-md">
<div class="flex items-center mb-4">
<div class="text-amber-500 text-2xl mr-3">
<i class="fas fa-quote-left"></i>
</div>
<p class="text-gray-700 italic">
"ืœืื—ืจ ืžืกืคืจ ืžืคื’ืฉื™ื ืงืฆืจ ืขื ืฉื™ืจื”, ื—ื•ื•ื™ืชื™ ืฉื™ื ื•ื™ ืžื”ื•ืชื™ ื‘ื—ื™ื™. ื”ื™ื ืขื–ืจื” ืœื™ ืœื”ืชืžื•ื“ื“ ืขื ื—ืจื“ื•ืช ืคื—ื“ื™ื ื•ื“ื›ื“ื•ืš ื•ืœืžื“ืชื™ ืœื”ื›ื™ืจ ืืช ืขืฆืžื™ ื˜ื•ื‘ ื™ื•ืชืจ. ื”ื’ื™ืฉื” ืฉืœื” ืžืงืฆื•ืขื™ืช, ืืš ื’ื ื—ืžื” ื•ืืžืคืชื™ืช, ื•ืื ื™ ืžืจื’ื™ืฉื” ืฉื”ื™ื ื‘ืืžืช ืžื‘ื™ื ื” ืื•ืชื™. ืžืžืœื™ืฆื” ืœื›ืœ ืื™ืฉื” ื•ื ืขืจื” ืœื—ื•ื•ืช ืืช ื”ื˜ื™ืคื•ืœ ืฉืœื”."
</p>
</div>
<p class="text-amber-700 font-medium">- ื ื•ืขื” ืจ. ืืฉื“ื•ื“</p>
</div>
<!-- Testimonial 3 -->
<div class="testimonial-card bg-white p-6 rounded-lg shadow-md">
<div class="flex items-center mb-4">
<div class="text-amber-500 text-2xl mr-3">
<i class="fas fa-quote-left"></i>
</div>
<p class="text-gray-700 italic">
"ื”ืฉืชืชืคืชื™ ื‘ืกื“ื ืช ื”ืขืฆืžื” ืฉืœ ืฉื™ืจื” ื•ื”ื—ื•ื•ื™ื” ื”ื™ื™ืชื” ืžืขืฆื™ืžื” ื•ืžืจื’ืฉืช. ืœืžื“ืชื™ ื”ืžื•ืŸ ืขืœ ืขืฆืžื™ ื•ืงื™ื‘ืœืชื™ ื›ืœื™ื ืžืขืฉื™ื™ื ืœืฉื™ืคื•ืจ ื”ื—ื™ื™ื ืฉืœื™. ืฉื™ืจื” ื™ื•ื“ืขืช ืœื”ื•ื‘ื™ืœ ืงื‘ื•ืฆื•ืช ื‘ืฆื•ืจื” ืžืงืฆื•ืขื™ืช ื•ืžื—ื‘ืจืช ื‘ื™ืŸ ื”ืžืฉืชืชืคื•ืช ื‘ืื•ืคืŸ ืžื™ื•ื—ื“. ืื ื™ ืžืจื’ื™ืฉื” ื”ืจื‘ื” ื™ื•ืชืจ ื˜ื•ื‘ื” ืœืขืฆืžื™ ื‘ื–ื›ื•ืชื”."
</p>
</div>
<p class="text-amber-700 font-medium">- ื™ืขืœ ืž. ืจื—ื•ื‘ื•ืช</p>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section class="section bg-white">
<div class="container mx-auto">
<h2 class="text-3xl md:text-4xl font-bold text-center text-emerald-800 mb-16">ื”ืฉื™ืจื•ืชื™ื ืฉืœื™</h2>
<div class="grid md:grid-cols-3 gap-8">
<!-- Service 1 -->
<div class="bg-white rounded-lg overflow-hidden shadow-lg border border-gray-100 hover:shadow-xl transition duration-300">
<img src="https://images.unsplash.com/photo-1506126613408-eca07ce68773?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1399&q=80"
alt="ื˜ื™ืคื•ืœ ืจื’ืฉื™" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-bold text-gray-800 mb-3">ื˜ื™ืคื•ืœ ืจื’ืฉื™</h3>
<p class="text-gray-700 mb-4">
ื˜ื™ืคื•ืœ ืงืฆืจ ืžื•ืขื“ ื”ืžืฉืœื‘ ื’ื™ืฉื•ืช ืฉื•ื ื•ืช ืœื”ืชืžื•ื“ื“ื•ืช ืขื ืงืฉื™ื™ื ืจื’ืฉื™ื™ื, ื—ืจื“ื•ืช, ื“ื™ื›ืื•ืŸ, ืžืฉื‘ืจื™ ื—ื™ื™ื ื•ืฉื™ืคื•ืจ ืžืขืจื›ื•ืช ื™ื—ืกื™ื.
</p>
<div class="text-emerald-600 font-medium">
<i class="fas fa-clock mr-2"></i> ืžืคื’ืฉื™ื ืฉื‘ื•ืขื™ื™ื ืฉืœ 50 ื“ืงื•ืช
</div>
</div>
</div>
<!-- Service 2 -->
<div class="bg-white rounded-lg overflow-hidden shadow-lg border border-gray-100 hover:shadow-xl transition duration-300">
<img src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1471&q=80"
alt="ืกื“ื ืื•ืช" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-bold text-gray-800 mb-3">ืกื“ื ืื•ืช</h3>
<p class="text-gray-700 mb-4">
ืกื“ื ืื•ืช ื”ืขืฆืžื” ืœื ืฉื™ื ื‘ื ื•ืฉืื™ื ืฉื•ื ื™ื: ื”ืขืจื›ื” ืขืฆืžื™ืช, ื ื™ื”ื•ืœ ืžืขืจื›ื•ืช ื™ื—ืกื™ื, ื”ืชืžื•ื“ื“ื•ืช ืขื ื—ืจื“ื•ืช, ืคื™ืชื•ื— ื—ื•ืกืŸ ื ืคืฉื™ ื•ืขื•ื“.
</p>
<div class="text-amber-600 font-medium">
<i class="fas fa-users mr-2"></i> ืงื‘ื•ืฆื•ืช ืงื˜ื ื•ืช ื•ืื™ื ื˜ื™ืžื™ื•ืช
</div>
</div>
</div>
<!-- Service 3 -->
<div class="bg-white rounded-lg overflow-hidden shadow-lg border border-gray-100 hover:shadow-xl transition duration-300">
<img src="https://images.unsplash.com/photo-1541178735493-479c1a27ed24?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1471&q=80"
alt="ืื™ืžื•ืŸ" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-bold text-gray-800 mb-3">ืื™ืžื•ืŸ</h3>
<p class="text-gray-700 mb-4">
ืชื”ืœื™ืš ืื™ืžื•ืŸ ืื™ืฉื™ ืžืžื•ืงื“ ืžื˜ืจื” ืœืฉื™ืคื•ืจ ืื™ื›ื•ืช ื”ื—ื™ื™ื, ื”ื’ืฉืžื” ืขืฆืžื™ืช, ืฉื™ื ื•ื™ ื”ืจื’ืœื™ื ื•ืคื™ืชื•ื— ืžื™ื•ืžื ื•ื™ื•ืช ืื™ืฉื™ื•ืช ื•ื‘ื™ื ืื™ืฉื™ื•ืช.
</p>
<div class="text-rose-600 font-medium">
<i class="fas fa-bullseye mr-2"></i> ืชื”ืœื™ืš ืžืžื•ืงื“ ืชื•ืฆืื•ืช
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="section bg-primary text-white">
<div class="container mx-auto">
<h2 class="text-3xl md:text-4xl font-bold text-center mb-6">ืœืžื™ื“ืข ื ื•ืกืฃ ืขืœ ืฉื™ื˜ืช ื”ื˜ื™ืคื•ืœ ืงืฆืจืช ื”ืžื•ืขื“</h2>
<p class="text-xl text-center mb-12 max-w-3xl mx-auto">ื”ืžื™ื•ืฉืžืช ื‘ืงืœื™ื ื™ืงื”, ืืœ ืชื•ื•ืชืจื™ ืขืœ ืขืฆืžืš - ืฆืจื™ ืงืฉืจ ืขื•ื“ ื”ื™ื•ื</p>
<div class="flex flex-col md:flex-row justify-center items-center gap-8">
<a href="https://wa.me/972542639115" class="bg-green-500 hover:bg-green-600 px-8 py-4 rounded-full text-lg font-semibold flex items-center transition duration-300">
<i class="fab fa-whatsapp text-2xl mr-3"></i> ืฉืœื—ื™ ื”ื•ื“ืขืช ื•ื•ื˜ืกืืค
</a>
<a href="tel:0542639115" class="bg-white text-emerald-800 hover:bg-gray-100 px-8 py-4 rounded-full text-lg font-semibold flex items-center transition duration-300">
<i class="fas fa-phone text-2xl mr-3"></i> ื”ืชืงืฉืจื™ ืขื›ืฉื™ื•
</a>
<a href="mailto:shira@example.com" class="bg-emerald-600 hover:bg-emerald-700 px-8 py-4 rounded-full text-lg font-semibold flex items-center transition duration-300">
<i class="fas fa-envelope text-2xl mr-3"></i> ืฉืœื—ื™ ืื™ืžื™ื™ืœ
</a>
</div>
<div class="mt-16 text-center">
<p class="text-xl mb-4">ืฉื™ืจื” ื˜ืจื™ - ืžืขื™ื™ื ื•ืช ืฉืœ ืฆืžื™ื—ื”</p>
<p class="mb-2"><i class="fas fa-phone mr-2"></i> 054-263-9115</p>
<p><i class="fas fa-map-marker-alt mr-2"></i> ื”ืงืœื™ื ื™ืงื” ื‘ืงืจื™ืช ืขืงืจื•ืŸ ื•ืžื–ื›ืจืช ื‘ืชื™ื”</p>
</div>
</div>
</section>
<!-- Footer -->
<footer class="py-8 bg-primary-dark text-white text-center">
<div class="container mx-auto">
<p>ยฉ 2025 ืฉื™ืจื” ื˜ืจื™ - ืžืขื™ื™ื ื•ืช ืฉืœ ืฆืžื™ื—ื”. ื›ืœ ื”ื–ื›ื•ื™ื•ืช ืฉืžื•ืจื•ืช.</p>
<div class="flex justify-center mt-4 space-x-6">
<a href="#" class="text-white hover:text-pink-300">
<i class="fab fa-facebook-f text-xl"></i>
</a>
<a href="#" class="text-white hover:text-emerald-300">
<i class="fab fa-instagram text-xl"></i>
</a>
<a href="#" class="text-white hover:text-emerald-300">
<i class="fab fa-linkedin-in text-xl"></i>
</a>
</div>
</div>
</footer>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - ๐Ÿงฌ <a href="https://enzostvs-deepsite.hf.space?remix=amoslain/fountainsofgrowth" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>