Embed

<section id="home" style="font-family:'Lato', sans-serif; width:100%; margin:0; padding:0;">

  
  <div style="background:#2f2418; padding:120px 20px; text-align:center;">
    <h1 style="font-family:'Playfair Display', serif; font-size:48px; color:#D4AF37;">Crystal Nails Spa</h1>
    <p style="font-size:20px; color:#f3e9d2; margin:10px 0 25px;">Luxury Nail Care in Seneca</p>

    <p style="font-size:18px; font-weight:bold; color:#D4AF37; margin-bottom:15px;">
      1st Time Visit 15% OFF &nbsp;|&nbsp; Student 10% OFF
    </p>

    <a href="https://crystal-nails-spa-in-seneca.tablesit.co/book"
       style="padding:14px 34px; background:#D4AF37; color:#2f2418;
       font-size:18px; text-decoration:none; border-radius:6px;">
       Book Online
    </a>

    <p style="margin-top:15px;">
      <a href="tel:8648881435" style="color:#f3e9d2; font-size:18px; text-decoration:none;">
        Call Us
      </a>
    </p>
  </div>

  
  <section style="background:#e3d2a3; padding:50px 20px;">
    <div style="display:flex; gap:20px; flex-wrap:wrap; justify-content:center; max-width:1100px; margin:auto;">

      <a href="/ourservices"
         style="flex:1 1 200px; background:#fff; padding:22px; border-radius:12px;
         text-align:center; font-size:20px; color:#8b6a2f; text-decoration:none;">
         Services
      </a>

      <a href="#location"
         style="flex:1 1 200px; background:#fff; padding:22px; border-radius:12px;
         text-align:center; font-size:20px; color:#8b6a2f; text-decoration:none;">
         Location
      </a>

      <a href="#giveaway"
         style="flex:1 1 200px; background:#fff; padding:22px; border-radius:12px;
         text-align:center; font-size:20px; color:#8b6a2f; text-decoration:none;">
         Giveaway
      </a>

      <a href="https://crystal-nails-spa-in-seneca.tablesit.co/book"
         style="flex:1 1 200px; background:#D4AF37; padding:22px; border-radius:12px;
         text-align:center; font-size:20px; color:#2f2418; text-decoration:none;">
         Book Online
      </a>

    </div>
  </section>

  
  <section id="location" style="background:#3b2a1a; padding:80px 20px; text-align:center; border-radius:12px; margin:20px;">
    <h2 style="font-family:'Playfair Display', serif; font-size:34px; color:#D4AF37;">
      Location
    </h2>
    <p style="font-size:18px; color:#f3e9d2; margin-top:15px;">
      Next to Publix, Seneca 29672
    </p>
    <a href="https://maps.google.com/?q=Next+to+Publix+Seneca+29672"
       style="color:#D4AF37; font-size:18px; text-decoration:none;">
       Open in Maps →
    </a>
  </section>

  
  <section id="giveaway" style="background:#e3d2a3; padding:80px 15px; border-radius:12px; margin:20px 0;">
    <h2 style="font-family:'Playfair Display', serif; font-size:36px; text-align:center; color:#8b6a2f;">
      Special Giveaway
    </h2>

    <p style="text-align:center; font-size:18px; color:#5a4524; margin-bottom:30px;">
      Join our membership & get a chance to win a FREE premium pedicure
    </p>

    <div style="max-width:800px; margin:0 auto; background:#fff; padding:20px; border-radius:14px;">
      <iframe
        src="https://docs.google.com/forms/d/1ZWTh7gJPTtByGfk7ta0V0F61grjIMQOeYwDFrzSpv2E/viewform?embedded=true"
        width="100%"
        height="900"
        frameborder="0"
        style="border:0;">
        Loading…
      </iframe>
    </div>
  </section>

</section>

<style>
  /* Hover effect for menu */
  section a:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  }

  /* Responsive adjustments */
  @media(max-width:768px){
    section div {
      flex-direction: column;
      gap:15px;
      max-width:100%;
    }
    section a {
      font-size:18px; padding:18px;
      max-width:100%;
    }
    div h1 {
      font-size:36px;
    }
    div p {
      font-size:16px;
    }
  }
</style>

<section id="manicures" style="background:#8B5E3C; color:#FFD700; padding:50px 20px;">
  <h2 style="text-align:center; font-family:'Playfair Display', serif; font-size:32px; margin-bottom:30px;">Manicures</h2>
  <div class="services-section">
    <div class="service-card fade-in"><h3>Gel Manicure</h3><p>$38 | With Take Off $41</p></div>
    <div class="service-card fade-in"><h3>Regular Manicure</h3><p>$25</p></div>
    <div class="service-card fade-in"><h3>Deluxe Manicure</h3><p>$35</p></div>
  </div>
</section>

<section id="dipping-powder" style="background:#8B5E3C; color:#FFD700; padding:50px 20px;">
  <h2 style="text-align:center; font-family:'Playfair Display', serif; font-size:32px; margin-bottom:30px;">Dipping Powder</h2>
  <div class="services-section">
    <div class="service-card fade-in"><h3>Dipping Powder on Real Nails</h3><p>$50</p></div>
    <div class="service-card fade-in"><h3>Dipping Powder Add Nails On</h3><p>$55</p></div>
    <div class="service-card fade-in"><h3>Dipping Powder with French</h3><p>$58+</p></div>
  </div>
</section>

<section id="nail-enhancements" style="background:#8B5E3C; color:#FFD700; padding:50px 20px;">
  <h2 style="text-align:center; font-family:'Playfair Display', serif; font-size:32px; margin-bottom:30px;">Nail Enhancements</h2>
  <div class="services-section">
    <div class="service-card fade-in"><h3>Full Set Regular Polish</h3><p>$45+</p></div>
    <div class="service-card fade-in"><h3>Full Set Gel Polish</h3><p>$50+</p></div>
    <div class="service-card fade-in"><h3>Full Set Builder Gel</h3><p>$55+</p></div>
    <div class="service-card fade-in"><h3>Full Set Gel X</h3><p>$60+</p></div>
    <div class="service-card fade-in"><h3>Full Set Pink & White</h3><p>$60+</p></div>
    <div class="service-card fade-in"><h3>Full Set Ombré</h3><p>$65+</p></div>
    <div class="service-card fade-in"><h3>Refill</h3><p>$45+</p></div>
    <div class="service-card fade-in"><h3>Pink Fill Only</h3><p>$45+</p></div>
  </div>
</section>

<section id="add-on-services" style="background:#8B5E3C; color:#FFD700; padding:50px 20px;">
  <h2 style="text-align:center; font-family:'Playfair Display', serif; font-size:32px; margin-bottom:30px;">Add-On Services</h2>
  <div class="services-section">
    <div class="service-card fade-in"><h3>Nail/Toenail Cut Down</h3><p>$10+</p></div>
    <div class="service-card fade-in"><h3>Paraffin Wax</h3><p>$10</p></div>
    <div class="service-card fade-in"><h3>Hot Stone</h3><p>$10</p></div>
    <div class="service-card fade-in"><h3>Nail Repair</h3><p>$5+</p></div>
    <div class="service-card fade-in"><h3>French Tip</h3><p>$8+</p></div>
    <div class="service-card fade-in"><h3>Take-Off</h3><p>$15+</p></div>
    <div class="service-card fade-in"><h3>Regular Polish Change</h3><p>$15</p></div>
    <div class="service-card fade-in"><h3>Gel Polish Change</h3><p>$28</p></div>
  </div>
</section>

Crystal Nails 

Business Name:** Crystal Nails Seneca  
**Location:** Seneca, SC (or your exact address)  
**Specialty:** A premium nail salon offering **high-quality manicures, pedicures, gel/acrylic extensions, nail art, and spa treatments** with over **10 years of trusted experience** in the community.  
**Key Features:**  
- **Luxurious & Hygienic:** Professional services in a clean, relaxing environment.  
- **Skilled Artists:** Expertise in trendy designs, classic styles, and long-lasting finishes.  
- **Customer Focus:** Walk-ins welcome, but **online bookings recommended** (must be made at least 5 hours in advance).  
**Color Theme:** Elegant **gold and dark brown** palette to reflect sophistication and warmth.  

**Website Goals:**  
1. Showcase services/pricing.  
2. Highlight expertise (10+ years).  
3. Allow easy online booking (5-hour cutoff).  
4. Display business hours/location.