commit e0d2e74fdbbc6d8e5dcfa08c49367242d89318dd
Author: root <root@hub.scroll.pub>
Date: 2024-12-29 05:19:55 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..7d8d07f
--- /dev/null
+++ b/body.html
@@ -0,0 +1,95 @@
+<header>
+ <nav>
+ <ul>
+ <li><a href="#home">Home</a></li>
+ <li><a href="#about">About Us</a></li>
+ <li><a href="#services">Services</a></li>
+ <li><a href="#testimonials">Testimonials</a></li>
+ <li><a href="#contact">Contact</a></li>
+ </ul>
+ </nav>
+</header>
+
+<section id="home" class="hero">
+ <div class="hero-content">
+ <h1>Your Smile, Our Priority</h1>
+ <p>Welcome to Smile Beirut Dental Clinic, where we provide top-notch dental care in a comfortable and modern environment.</p>
+ <a href="#contact" class="cta">Book an Appointment</a>
+ </div>
+</section>
+
+<section id="about" class="about">
+ <h2>About Us</h2>
+ <p>At Smile Beirut, we are dedicated to delivering exceptional dental care with a patient-centered approach. Our team of experienced dentists and staff are here to ensure your visit is as pleasant as possible.</p>
+ <div class="team">
+ <div class="member">
+ <img src="placeholder.jpg" alt="Dr. John Doe">
+ <h3>Dr. John Doe</h3>
+ <p>General Dentist</p>
+ </div>
+ <div class="member">
+ <img src="placeholder.jpg" alt="Dr. Jane Smith">
+ <h3>Dr. Jane Smith</h3>
+ <p>Orthodontist</p>
+ </div>
+ </div>
+</section>
+
+<section id="services" class="services">
+ <h2>Our Services</h2>
+ <div class="service-list">
+ <div class="service">
+ <img src="icon1.png" alt="General Dentistry">
+ <h3>General Dentistry</h3>
+ <p>Comprehensive dental care for all ages.</p>
+ </div>
+ <div class="service">
+ <img src="icon2.png" alt="Orthodontics">
+ <h3>Orthodontics</h3>
+ <p>Straighten your teeth with our advanced orthodontic treatments.</p>
+ </div>
+ <div class="service">
+ <img src="icon3.png" alt="Teeth Whitening">
+ <h3>Teeth Whitening</h3>
+ <p>Get a brighter smile with our professional whitening services.</p>
+ </div>
+ </div>
+</section>
+
+<section id="testimonials" class="testimonials">
+ <h2>What Our Patients Say</h2>
+ <div class="testimonial-list">
+ <div class="testimonial">
+ <p>"The best dental clinic in Beirut! The staff is friendly and professional."</p>
+ <h3>- Sarah T.</h3>
+ </div>
+ <div class="testimonial">
+ <p>"I had a great experience with Dr. John. Highly recommend!"</p>
+ <h3>- Michael R.</h3>
+ </div>
+ </div>
+</section>
+
+<section id="contact" class="contact">
+ <h2>Contact Us</h2>
+ <p>We'd love to hear from you. Reach out to schedule an appointment or ask any questions.</p>
+ <form>
+ <input type="text" placeholder="Your Name" required>
+ <input type="email" placeholder="Your Email" required>
+ <textarea placeholder="Your Message" required></textarea>
+ <button type="submit">Send Message</button>
+ </form>
+ <div class="contact-info">
+ <p>Address: 123 Dental Street, Beirut, Lebanon</p>
+ <p>Phone: +961 1 234 567</p>
+ <p>Email: info@smilebeirut.com</p>
+ </div>
+</section>
+
+<footer>
+ <p>Follow us on social media:</p>
+ <ul>
+ <li><a href="#">Facebook</a></li>
+ <li><a href="#">Instagram</a></li>
+ </ul>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..a839647
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://smilebeirut.scroll.pub
+metaTags
+editButton /edit.html
+title Smile Beirut Dental Clinic
+style.css
+body.html
+script.js
\ No newline at end of file
diff --git a/prompt.json b/prompt.json
new file mode 100644
index 0000000..72dd81b
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "374b704c-049b-4951-9443-03d416e618e7",
+ "object": "chat.completion",
+ "created": 1735449570,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nsmilebeirut.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://smilebeirut.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Smile Beirut Dental Clinic\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <nav>\n <ul>\n <li><a href=\"#home\">Home</a></li>\n <li><a href=\"#about\">About Us</a></li>\n <li><a href=\"#services\">Services</a></li>\n <li><a href=\"#testimonials\">Testimonials</a></li>\n <li><a href=\"#contact\">Contact</a></li>\n </ul>\n </nav>\n</header>\n\n<section id=\"home\" class=\"hero\">\n <div class=\"hero-content\">\n <h1>Your Smile, Our Priority</h1>\n <p>Welcome to Smile Beirut Dental Clinic, where we provide top-notch dental care in a comfortable and modern environment.</p>\n <a href=\"#contact\" class=\"cta\">Book an Appointment</a>\n </div>\n</section>\n\n<section id=\"about\" class=\"about\">\n <h2>About Us</h2>\n <p>At Smile Beirut, we are dedicated to delivering exceptional dental care with a patient-centered approach. Our team of experienced dentists and staff are here to ensure your visit is as pleasant as possible.</p>\n <div class=\"team\">\n <div class=\"member\">\n <img src=\"placeholder.jpg\" alt=\"Dr. John Doe\">\n <h3>Dr. John Doe</h3>\n <p>General Dentist</p>\n </div>\n <div class=\"member\">\n <img src=\"placeholder.jpg\" alt=\"Dr. Jane Smith\">\n <h3>Dr. Jane Smith</h3>\n <p>Orthodontist</p>\n </div>\n </div>\n</section>\n\n<section id=\"services\" class=\"services\">\n <h2>Our Services</h2>\n <div class=\"service-list\">\n <div class=\"service\">\n <img src=\"icon1.png\" alt=\"General Dentistry\">\n <h3>General Dentistry</h3>\n <p>Comprehensive dental care for all ages.</p>\n </div>\n <div class=\"service\">\n <img src=\"icon2.png\" alt=\"Orthodontics\">\n <h3>Orthodontics</h3>\n <p>Straighten your teeth with our advanced orthodontic treatments.</p>\n </div>\n <div class=\"service\">\n <img src=\"icon3.png\" alt=\"Teeth Whitening\">\n <h3>Teeth Whitening</h3>\n <p>Get a brighter smile with our professional whitening services.</p>\n </div>\n </div>\n</section>\n\n<section id=\"testimonials\" class=\"testimonials\">\n <h2>What Our Patients Say</h2>\n <div class=\"testimonial-list\">\n <div class=\"testimonial\">\n <p>\"The best dental clinic in Beirut! The staff is friendly and professional.\"</p>\n <h3>- Sarah T.</h3>\n </div>\n <div class=\"testimonial\">\n <p>\"I had a great experience with Dr. John. Highly recommend!\"</p>\n <h3>- Michael R.</h3>\n </div>\n </div>\n</section>\n\n<section id=\"contact\" class=\"contact\">\n <h2>Contact Us</h2>\n <p>We'd love to hear from you. Reach out to schedule an appointment or ask any questions.</p>\n <form>\n <input type=\"text\" placeholder=\"Your Name\" required>\n <input type=\"email\" placeholder=\"Your Email\" required>\n <textarea placeholder=\"Your Message\" required></textarea>\n <button type=\"submit\">Send Message</button>\n </form>\n <div class=\"contact-info\">\n <p>Address: 123 Dental Street, Beirut, Lebanon</p>\n <p>Phone: +961 1 234 567</p>\n <p>Email: info@smilebeirut.com</p>\n </div>\n</section>\n\n<footer>\n <p>Follow us on social media:</p>\n <ul>\n <li><a href=\"#\">Facebook</a></li>\n <li><a href=\"#\">Instagram</a></li>\n </ul>\n</footer>\n---style.css---\nbody {\n font-family: 'Arial', sans-serif;\n margin: 0;\n padding: 0;\n color: #333;\n line-height: 1.6;\n}\n\nheader {\n background: #007BFF;\n color: #fff;\n padding: 1rem 0;\n text-align: center;\n}\n\nheader nav ul {\n list-style: none;\n padding: 0;\n}\n\nheader nav ul li {\n display: inline;\n margin: 0 15px;\n}\n\nheader nav ul li a {\n color: #fff;\n text-decoration: none;\n}\n\n.hero {\n background: url('hero.jpg') no-repeat center center/cover;\n color: #fff;\n padding: 100px 20px;\n text-align: center;\n}\n\n.hero h1 {\n font-size: 3rem;\n margin-bottom: 20px;\n}\n\n.hero p {\n font-size: 1.2rem;\n margin-bottom: 30px;\n}\n\n.cta {\n background: #28A745;\n color: #fff;\n padding: 10px 20px;\n text-decoration: none;\n border-radius: 5px;\n}\n\n.about, .services, .testimonials, .contact {\n padding: 50px 20px;\n text-align: center;\n}\n\n.about h2, .services h2, .testimonials h2, .contact h2 {\n font-size: 2.5rem;\n margin-bottom: 20px;\n}\n\n.team, .service-list, .testimonial-list {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n}\n\n.member, .service, .testimonial {\n flex: 1 1 30%;\n margin: 10px;\n text-align: center;\n}\n\n.member img, .service img {\n width: 100px;\n height: 100px;\n border-radius: 50%;\n}\n\n.contact form {\n max-width: 600px;\n margin: 0 auto;\n text-align: left;\n}\n\n.contact form input, .contact form textarea {\n width: 100%;\n padding: 10px;\n margin-bottom: 10px;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n\n.contact form button {\n background: #007BFF;\n color: #fff;\n padding: 10px 20px;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\nfooter {\n background: #333;\n color: #fff;\n text-align: center;\n padding: 20px 0;\n}\n\nfooter ul {\n list-style: none;\n padding: 0;\n}\n\nfooter ul li {\n display: inline;\n margin: 0 15px;\n}\n\nfooter ul li a {\n color: #fff;\n text-decoration: none;\n}\n\n@media (max-width: 768px) {\n .team, .service-list, .testimonial-list {\n flex-direction: column;\n }\n\n .member, .service, .testimonial {\n flex: 1 1 100%;\n }\n}\n---script.js---\n// Smooth scrolling for anchor links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n document.querySelector(this.getAttribute('href')).scrollIntoView({\n behavior: 'smooth'\n });\n });\n});\n\n// Form submission handling\ndocument.querySelector('form').addEventListener('submit', function (e) {\n e.preventDefault();\n alert('Thank you for your message. We will get back to you shortly.');\n this.reset();\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 894,
+ "completion_tokens": 1789,
+ "total_tokens": 2683,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 894
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..4e6cdb3
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# smilebeirut.scroll.pub
+Website generated by DeepSeek from prompt: "I need you to create a fully functional, end-to-end website for a dentist clinic located in Beirut, Lebanon. The website should be modern, professional, and optimized for user experience, search engines, and mobile devices. Here are the detailed requirements: 1. Purpose and Goals: The website should serve as a digital platform to attract new patients, provide essential information, and establish trust and credibility for the dental clinic. It should encourage visitors to book appointments, contact the clinic, and learn about the services offered. 2. Target Audience: Primary audience: Local residents in Beirut, Lebanon, looking for dental services. Secondary audience: Tourists or expats in Beirut who may need dental care. 3. Design and Layout: Clean, modern, and professional design with a calming color scheme (e.g., whites, blues, and soft greens). Responsive design that works seamlessly on desktops, tablets, and mobile devices. Easy-to-navigate menu with clear sections. High-quality images of the clinic, staff, and equipment (use placeholders if real images are unavailable). 4. Essential Pages: Homepage: Welcoming hero section with a tagline (e.g., "Your Smile, Our Priority"). Brief introduction to the clinic and its values. Call-to-action (CTA) buttons for booking appointments and contacting the clinic. Highlights of key services or special offers. About Us: Information about the clinic’s history, mission, and values. Introduction to the dentists and staff with photos and bios. Why choose us? (e.g., state-of-the-art equipment, patient-centered care). Services: List of all dental services offered (e.g., general dentistry, orthodontics, teeth whitening, implants, etc.). Brief description of each service with icons or images. CTA for booking or learning more. Patient Information: What to expect during your first visit. Payment options and insurance information. FAQs about dental procedures and clinic policies. Testimonials: Showcase positive reviews and testimonials from patients. Include before-and-after photos (if available). Blog/Resources (Optional): Articles on dental health tips, news, and updates. Helps with SEO and establishes the clinic as an authority in dental care. Contact Us: Clinic address, phone number, email, and a Google Maps embed. Contact form for inquiries. Operating hours. 5. Functionality: Appointment Booking System: Integrated online booking system where patients can select services, choose a date/time, and receive confirmation. Live Chat Support: Optional: Add a live chat feature for instant patient support. Multilingual Support: Ensure the website is available in both English and Arabic to cater to local and international patients. SEO Optimization: Optimize the website for local SEO (e.g., "dentist in Beirut, Lebanon") to rank higher in search results. Include meta tags, alt text for images, and fast loading speed. Social Media Integration: Links to the clinic’s social media profiles (e.g., Facebook, Instagram). we can do gradually as u see fit but please this should be there
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..448ecf9
--- /dev/null
+++ b/script.js
@@ -0,0 +1,16 @@
+// Smooth scrolling for anchor links
+document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+ anchor.addEventListener('click', function (e) {
+ e.preventDefault();
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
+ behavior: 'smooth'
+ });
+ });
+});
+
+// Form submission handling
+document.querySelector('form').addEventListener('submit', function (e) {
+ e.preventDefault();
+ alert('Thank you for your message. We will get back to you shortly.');
+ this.reset();
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..2700ae3
--- /dev/null
+++ b/style.css
@@ -0,0 +1,137 @@
+body {
+ font-family: 'Arial', sans-serif;
+ margin: 0;
+ padding: 0;
+ color: #333;
+ line-height: 1.6;
+}
+
+header {
+ background: #007BFF;
+ color: #fff;
+ padding: 1rem 0;
+ text-align: center;
+}
+
+header nav ul {
+ list-style: none;
+ padding: 0;
+}
+
+header nav ul li {
+ display: inline;
+ margin: 0 15px;
+}
+
+header nav ul li a {
+ color: #fff;
+ text-decoration: none;
+}
+
+.hero {
+ background: url('hero.jpg') no-repeat center center/cover;
+ color: #fff;
+ padding: 100px 20px;
+ text-align: center;
+}
+
+.hero h1 {
+ font-size: 3rem;
+ margin-bottom: 20px;
+}
+
+.hero p {
+ font-size: 1.2rem;
+ margin-bottom: 30px;
+}
+
+.cta {
+ background: #28A745;
+ color: #fff;
+ padding: 10px 20px;
+ text-decoration: none;
+ border-radius: 5px;
+}
+
+.about, .services, .testimonials, .contact {
+ padding: 50px 20px;
+ text-align: center;
+}
+
+.about h2, .services h2, .testimonials h2, .contact h2 {
+ font-size: 2.5rem;
+ margin-bottom: 20px;
+}
+
+.team, .service-list, .testimonial-list {
+ display: flex;
+ justify-content: space-around;
+ flex-wrap: wrap;
+}
+
+.member, .service, .testimonial {
+ flex: 1 1 30%;
+ margin: 10px;
+ text-align: center;
+}
+
+.member img, .service img {
+ width: 100px;
+ height: 100px;
+ border-radius: 50%;
+}
+
+.contact form {
+ max-width: 600px;
+ margin: 0 auto;
+ text-align: left;
+}
+
+.contact form input, .contact form textarea {
+ width: 100%;
+ padding: 10px;
+ margin-bottom: 10px;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+}
+
+.contact form button {
+ background: #007BFF;
+ color: #fff;
+ padding: 10px 20px;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+}
+
+footer {
+ background: #333;
+ color: #fff;
+ text-align: center;
+ padding: 20px 0;
+}
+
+footer ul {
+ list-style: none;
+ padding: 0;
+}
+
+footer ul li {
+ display: inline;
+ margin: 0 15px;
+}
+
+footer ul li a {
+ color: #fff;
+ text-decoration: none;
+}
+
+@media (max-width: 768px) {
+ .team, .service-list, .testimonial-list {
+ flex-direction: column;
+ }
+
+ .member, .service, .testimonial {
+ flex: 1 1 100%;
+ }
+}
\ No newline at end of file