rails_site_engine 0.6.2

data/app/views/rails_site_engine/sections/_contact_form.html.erb

@@ -0,0 +1,112 @@
+<%
+  @contact_message ||= RailsSiteEngine::ContactMessage.new
+  heading = section["heading"].to_s.strip.presence || t("rails_site_engine.contact.form_title")
+  intro = section["body"].to_s.strip.presence
+  errors = @contact_message.errors
+
+  name_errors = errors[:name]
+  email_errors = errors[:email]
+  phone_errors = errors[:phone]
+  message_errors = errors[:message]
+%>
+
+<section class="mb-14">
+  <div class="card border border-base-200 bg-base-100 shadow-sm">
+    <div class="card-body">
+      <% if heading.present? %>
+        <%= tag.public_send(heading_tag, heading, class: "card-title text-2xl") %>
+      <% end %>
+
+      <% if intro.present? %>
+        <p class="text-base-content/80"><%= intro %></p>
+      <% end %>
+
+      <%= form_with model: @contact_message,
+        scope: :rails_site_engine_contact_message,
+        url: contact_page_path,
+        method: :post,
+        class: "space-y-5",
+        data: { controller: "rails-site-engine--form-submit", action: "submit->rails-site-engine--form-submit#submit" } do |f| %>
+        <% if errors.any? %>
+          <div class="alert alert-error alert-soft" role="alert" aria-live="assertive">
+            <div>
+              <p class="font-semibold"><%= t("rails_site_engine.contact.errors_title") %></p>
+              <ul class="mt-2 list-disc pl-5 text-sm">
+                <% errors.full_messages.each do |error_message| %>
+                  <li><%= error_message %></li>
+                <% end %>
+              </ul>
+            </div>
+          </div>
+        <% end %>
+
+        <div class="grid gap-5 md:grid-cols-2">
+          <div class="fieldset">
+            <%= f.label :name, t("rails_site_engine.contact.fields.name"), class: "fieldset-legend" %>
+            <%= f.text_field :name,
+              class: "input input-bordered w-full #{'input-error' if name_errors.any?}",
+              autocomplete: "name",
+              required: true,
+              "aria-invalid": name_errors.any?,
+              "aria-describedby": ("contact-name-error" if name_errors.any?) %>
+            <% if name_errors.any? %>
+              <p id="contact-name-error" class="mt-1 text-sm text-error"><%= name_errors.first %></p>
+            <% end %>
+          </div>
+
+          <div class="fieldset">
+            <%= f.label :email, t("rails_site_engine.contact.fields.email"), class: "fieldset-legend" %>
+            <%= f.email_field :email,
+              class: "input input-bordered w-full #{'input-error' if email_errors.any?}",
+              autocomplete: "email",
+              required: true,
+              "aria-invalid": email_errors.any?,
+              "aria-describedby": ("contact-email-error" if email_errors.any?) %>
+            <% if email_errors.any? %>
+              <p id="contact-email-error" class="mt-1 text-sm text-error"><%= email_errors.first %></p>
+            <% end %>
+          </div>
+        </div>
+
+        <div class="fieldset">
+          <%= f.label :phone, t("rails_site_engine.contact.fields.phone"), class: "fieldset-legend" %>
+          <%= f.telephone_field :phone,
+            class: "input input-bordered w-full #{'input-error' if phone_errors.any?}",
+            autocomplete: "tel",
+            "aria-invalid": phone_errors.any?,
+            "aria-describedby": ("contact-phone-error" if phone_errors.any?) %>
+          <% if phone_errors.any? %>
+            <p id="contact-phone-error" class="mt-1 text-sm text-error"><%= phone_errors.first %></p>
+          <% end %>
+        </div>
+
+        <div class="fieldset">
+          <%= f.label :message, t("rails_site_engine.contact.fields.message"), class: "fieldset-legend" %>
+          <%= f.text_area :message,
+            class: "textarea textarea-bordered min-h-36 w-full #{'textarea-error' if message_errors.any?}",
+            required: true,
+            "aria-invalid": message_errors.any?,
+            "aria-describedby": ("contact-message-error" if message_errors.any?) %>
+          <% if message_errors.any? %>
+            <p id="contact-message-error" class="mt-1 text-sm text-error"><%= message_errors.first %></p>
+          <% end %>
+        </div>
+
+        <div class="hidden" aria-hidden="true">
+          <%= f.label :website %>
+          <%= f.text_field :website, tabindex: "-1", autocomplete: "off" %>
+        </div>
+
+        <div class="card-actions justify-end">
+          <button type="submit" class="btn btn-primary" data-rails-site-engine--form-submit-target="submitButton">
+            <span data-rails-site-engine--form-submit-target="submitText"><%= t("rails_site_engine.contact.submit") %></span>
+            <span class="hidden items-center gap-2" data-rails-site-engine--form-submit-target="submittingText">
+              <span class="loading loading-spinner loading-xs"></span>
+              <%= t("rails_site_engine.contact.submitting") %>
+            </span>
+          </button>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</section>

data/app/views/rails_site_engine/sections/_cta_band.html.erb

@@ -0,0 +1,27 @@
+<%
+  heading = section["heading"].to_s.strip.presence || section["title"].to_s.strip.presence
+  body = section["body"].to_s.strip.presence
+  cta = section["cta"].is_a?(Hash) ? section["cta"] : {}
+  cta_href = resolve_link_href(cta)
+%>
+
+<% if heading.present? || body.present? || cta_href.present? %>
+  <section class="mb-14">
+    <div class="rounded-box border border-primary/20 bg-primary px-6 py-8 text-primary-content sm:px-8 sm:py-10">
+      <div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+        <div>
+          <% if heading.present? %>
+            <h2 class="text-2xl font-bold tracking-tight"><%= heading %></h2>
+          <% end %>
+          <% if body.present? %>
+            <p class="mt-2 max-w-2xl text-primary-content/90"><%= body %></p>
+          <% end %>
+        </div>
+
+        <% if cta["label"].to_s.strip.present? && cta_href.present? %>
+          <%= link_to cta["label"], cta_href, class: "btn btn-neutral" %>
+        <% end %>
+      </div>
+    </div>
+  </section>
+<% end %>

data/app/views/rails_site_engine/sections/_faq.html.erb

@@ -0,0 +1,29 @@
+<%
+  heading = section["heading"].to_s.strip.presence
+  items = section["items"]
+  items = items.is_a?(Array) ? items.select { |item| item.is_a?(Hash) } : []
+%>
+
+<% if items.any? %>
+  <section class="mb-14">
+    <% if heading.present? %>
+      <%= tag.public_send(heading_tag, heading, class: "mb-6 text-3xl font-bold tracking-tight") %>
+    <% end %>
+
+    <div class="space-y-3">
+      <% items.each_with_index do |item, index| %>
+        <% question = item["question"].to_s.strip %>
+        <% answer = item["answer"].to_s.strip %>
+        <% next if question.blank? && answer.blank? %>
+
+        <div class="collapse collapse-plus border border-base-200 bg-base-100">
+          <input type="checkbox" name="faq-<%= page.id %>-<%= index %>">
+          <div class="collapse-title pr-10 text-base font-semibold"><%= question %></div>
+          <div class="collapse-content text-sm leading-relaxed text-base-content/80">
+            <%= answer %>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  </section>
+<% end %>

data/app/views/rails_site_engine/sections/_feature_cards.html.erb

@@ -0,0 +1,30 @@
+<%
+  heading = section["heading"].to_s.strip.presence || section["title"].to_s.strip.presence
+  items = section["items"]
+  items = items.is_a?(Array) ? items.select { |item| item.is_a?(Hash) } : []
+%>
+
+<section class="mb-14">
+  <% if heading.present? %>
+    <%= tag.public_send(heading_tag, heading, class: "mb-6 text-3xl font-bold tracking-tight") %>
+  <% end %>
+
+  <div class="grid gap-5 md:grid-cols-2 xl:grid-cols-3">
+    <% items.each do |item| %>
+      <% item_title = item["title"].to_s.strip %>
+      <% item_description = item["description"].to_s.strip %>
+      <% next if item_title.blank? && item_description.blank? %>
+
+      <article class="card border border-base-200 bg-base-100 shadow-sm">
+        <div class="card-body">
+          <% if item_title.present? %>
+            <h3 class="card-title text-lg"><%= item_title %></h3>
+          <% end %>
+          <% if item_description.present? %>
+            <p class="text-base-content/80"><%= item_description %></p>
+          <% end %>
+        </div>
+      </article>
+    <% end %>
+  </div>
+</section>

data/app/views/rails_site_engine/sections/_hero.html.erb

@@ -0,0 +1,39 @@
+<%
+  heading = section["heading"].to_s.strip.presence || section["headline"].to_s.strip.presence || page.title.to_s
+  subheading = section["subheading"].to_s.strip.presence || section["subhead"].to_s.strip.presence
+  kicker = section["kicker"].to_s.strip.presence
+  primary = section["primary_cta"].is_a?(Hash) ? section["primary_cta"] : {}
+  secondary = section["secondary_cta"].is_a?(Hash) ? section["secondary_cta"] : {}
+  primary_href = resolve_link_href(primary)
+  secondary_href = resolve_link_href(secondary)
+%>
+
+<section class="mb-14">
+  <div class="hero rounded-box border border-base-200 bg-base-200/60">
+    <div class="hero-content w-full py-12 sm:py-16">
+      <div class="max-w-3xl">
+        <% if kicker.present? %>
+          <p class="mb-4"><span class="badge badge-primary badge-outline"><%= kicker %></span></p>
+        <% end %>
+
+        <%= tag.public_send(heading_tag, heading, class: "text-4xl font-extrabold tracking-tight sm:text-5xl") if heading.present? %>
+
+        <% if subheading.present? %>
+          <p class="mt-5 max-w-2xl text-lg text-base-content/80"><%= subheading %></p>
+        <% end %>
+
+        <% if primary_href.present? || secondary_href.present? %>
+          <div class="mt-8 flex flex-wrap gap-3">
+            <% if primary["label"].to_s.strip.present? && primary_href.present? %>
+              <%= link_to primary["label"], primary_href, class: "btn btn-primary btn-wide sm:btn-md" %>
+            <% end %>
+
+            <% if secondary["label"].to_s.strip.present? && secondary_href.present? %>
+              <%= link_to secondary["label"], secondary_href, class: "btn btn-ghost" %>
+            <% end %>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</section>

data/app/views/rails_site_engine/sections/_pricing_cards.html.erb

@@ -0,0 +1,53 @@
+<%
+  heading = section["heading"].to_s.strip.presence
+  items = section["items"]
+  items = items.is_a?(Array) ? items.select { |item| item.is_a?(Hash) } : []
+%>
+
+<% if items.any? %>
+  <section class="mb-14">
+    <% if heading.present? %>
+      <%= tag.public_send(heading_tag, heading, class: "mb-6 text-3xl font-bold tracking-tight") %>
+    <% end %>
+
+    <div class="grid gap-5 md:grid-cols-2 xl:grid-cols-3">
+      <% items.each do |item| %>
+        <% name = item["name"].to_s.strip %>
+        <% starting_price = item["starting_price"].to_s.strip %>
+        <% description = item["description"].to_s.strip %>
+        <% includes = item["includes"] %>
+        <% includes = includes.is_a?(Array) ? includes.map { |entry| entry.to_s.strip }.reject(&:blank?) : [] %>
+        <% cta = item["cta"].is_a?(Hash) ? item["cta"] : {} %>
+        <% cta_href = resolve_link_href(cta) %>
+        <% next if name.blank? && starting_price.blank? && description.blank? && includes.empty? && cta_href.blank? %>
+
+        <article class="card border border-base-200 bg-base-100 shadow-sm">
+          <div class="card-body">
+            <% if name.present? %>
+              <h3 class="card-title text-lg"><%= name %></h3>
+            <% end %>
+            <% if starting_price.present? %>
+              <p class="text-2xl font-bold text-primary"><%= starting_price %></p>
+            <% end %>
+            <% if description.present? %>
+              <p class="text-base-content/80"><%= description %></p>
+            <% end %>
+            <% if includes.any? %>
+              <ul class="mt-2 list-disc space-y-1 pl-5 text-sm text-base-content/80">
+                <% includes.each do |entry| %>
+                  <li><%= entry %></li>
+                <% end %>
+              </ul>
+            <% end %>
+
+            <% if cta["label"].to_s.strip.present? && cta_href.present? %>
+              <div class="card-actions mt-4 justify-start">
+                <%= link_to cta["label"], cta_href, class: "btn btn-primary btn-sm" %>
+              </div>
+            <% end %>
+          </div>
+        </article>
+      <% end %>
+    </div>
+  </section>
+<% end %>

data/app/views/rails_site_engine/sections/_process_steps.html.erb

@@ -0,0 +1,35 @@
+<%
+  heading = section["heading"].to_s.strip.presence
+  items = section["items"]
+  items = items.is_a?(Array) ? items.select { |item| item.is_a?(Hash) } : []
+%>
+
+<% if items.any? %>
+  <section class="mb-14">
+    <% if heading.present? %>
+      <%= tag.public_send(heading_tag, heading, class: "mb-6 text-3xl font-bold tracking-tight") %>
+    <% end %>
+
+    <ol class="grid gap-4 md:grid-cols-3">
+      <% items.each_with_index do |item, index| %>
+        <% title = item["title"].to_s.strip %>
+        <% body = item["description"].to_s.strip %>
+        <% next if title.blank? && body.blank? %>
+
+        <li class="card border border-base-200 bg-base-100 shadow-sm">
+          <div class="card-body">
+            <div class="mb-2">
+              <span class="badge badge-primary badge-outline"><%= format("%02d", index + 1) %></span>
+            </div>
+            <% if title.present? %>
+              <h3 class="text-lg font-semibold"><%= title %></h3>
+            <% end %>
+            <% if body.present? %>
+              <p class="text-base-content/80"><%= body %></p>
+            <% end %>
+          </div>
+        </li>
+      <% end %>
+    </ol>
+  </section>
+<% end %>

data/app/views/rails_site_engine/sections/_project_cards.html.erb

@@ -0,0 +1,48 @@
+<%
+  heading = section["heading"].to_s.strip.presence
+  items = section["items"]
+  items = items.is_a?(Array) ? items.select { |item| item.is_a?(Hash) } : []
+%>
+
+<% if items.any? %>
+  <section class="mb-14">
+    <% if heading.present? %>
+      <%= tag.public_send(heading_tag, heading, class: "mb-6 text-3xl font-bold tracking-tight") %>
+    <% end %>
+
+    <div class="grid gap-5 md:grid-cols-2 xl:grid-cols-3">
+      <% items.each do |item| %>
+        <% title = item["title"].to_s.strip %>
+        <% summary = item["summary"].to_s.strip %>
+        <% stack = item["stack"].to_s.strip %>
+        <% outcome = item["outcome"].to_s.strip %>
+        <% url = item["url"].to_s.strip %>
+        <% next if title.blank? && summary.blank? && stack.blank? && outcome.blank? && url.blank? %>
+
+        <article class="card border border-base-200 bg-base-100 shadow-sm">
+          <div class="card-body">
+            <% if title.present? %>
+              <h3 class="card-title text-lg"><%= title %></h3>
+            <% end %>
+            <% if summary.present? %>
+              <p class="text-base-content/80"><%= summary %></p>
+            <% end %>
+            <% if stack.present? %>
+              <p class="mt-2 text-sm"><span class="font-semibold">Stack:</span> <%= stack %></p>
+            <% end %>
+            <% if outcome.present? %>
+              <p class="mt-1 text-sm"><span class="font-semibold">Outcome:</span> <%= outcome %></p>
+            <% end %>
+
+            <% if url.present? %>
+              <% external = url.start_with?("http://", "https://") %>
+              <div class="card-actions mt-4 justify-start">
+                <%= link_to "View project", url, class: "btn btn-sm btn-outline", target: (external ? "_blank" : nil), rel: (external ? "noopener noreferrer" : nil) %>
+              </div>
+            <% end %>
+          </div>
+        </article>
+      <% end %>
+    </div>
+  </section>
+<% end %>

data/app/views/rails_site_engine/sections/_proof_strip.html.erb

@@ -0,0 +1,16 @@
+<%
+  items = section["items"]
+  items = items.is_a?(Array) ? items.map { |item| item.to_s.strip }.reject(&:blank?) : []
+%>
+
+<% if items.any? %>
+  <section class="mb-12">
+    <div class="rounded-box border border-base-200 bg-base-100 px-4 py-4 sm:px-6">
+      <ul class="flex flex-wrap items-center gap-3 sm:gap-4">
+        <% items.each do |item| %>
+          <li class="badge badge-lg badge-outline"><%= item %></li>
+        <% end %>
+      </ul>
+    </div>
+  </section>
+<% end %>

data/app/views/rails_site_engine/sections/_rich_text.html.erb

@@ -0,0 +1,15 @@
+<%
+  heading = section["heading"].to_s.strip.presence
+  markdown = section["markdown"].to_s.strip.presence || page.body_markdown.to_s
+  html = section["markdown"].to_s.strip.present? ? RailsSiteEngine::MarkdownRenderer.render(markdown) : page.body_html
+%>
+
+<section class="mb-14">
+  <% if heading.present? %>
+    <%= tag.public_send(heading_tag, heading, class: "mb-6 text-3xl font-bold tracking-tight") %>
+  <% end %>
+
+  <div class="prose max-w-none">
+    <%= html %>
+  </div>
+</section>

data/app/views/rails_site_engine/sections/_stats.html.erb

@@ -0,0 +1,34 @@
+<%
+  heading = section["heading"].to_s.strip.presence
+  items = section["items"]
+  items = items.is_a?(Array) ? items.select { |item| item.is_a?(Hash) } : []
+%>
+
+<% if items.any? %>
+  <section class="mb-14">
+    <% if heading.present? %>
+      <%= tag.public_send(heading_tag, heading, class: "mb-6 text-3xl font-bold tracking-tight") %>
+    <% end %>
+
+    <div class="stats stats-vertical w-full border border-base-200 bg-base-100 shadow-sm lg:stats-horizontal">
+      <% items.each do |item| %>
+        <% value = item["value"].to_s.strip %>
+        <% label = item["label"].to_s.strip %>
+        <% detail = item["description"].to_s.strip %>
+        <% next if value.blank? && label.blank? && detail.blank? %>
+
+        <div class="stat">
+          <% if label.present? %>
+            <div class="stat-title"><%= label %></div>
+          <% end %>
+          <% if value.present? %>
+            <div class="stat-value text-primary"><%= value %></div>
+          <% end %>
+          <% if detail.present? %>
+            <div class="stat-desc"><%= detail %></div>
+          <% end %>
+        </div>
+      <% end %>
+    </div>
+  </section>
+<% end %>

data/app/views/rails_site_engine/sections/_testimonials.html.erb

@@ -0,0 +1,40 @@
+<%
+  heading = section["heading"].to_s.strip.presence || section["title"].to_s.strip.presence
+  items = section["items"]
+  items = items.is_a?(Array) ? items.select { |item| item.is_a?(Hash) } : []
+%>
+
+<% if items.any? %>
+  <section class="mb-14">
+    <% if heading.present? %>
+      <%= tag.public_send(heading_tag, heading, class: "mb-6 text-3xl font-bold tracking-tight") %>
+    <% end %>
+
+    <div class="grid gap-5 md:grid-cols-2">
+      <% items.each do |item| %>
+        <% quote = item["quote"].to_s.strip %>
+        <% author = item["author"].to_s.strip %>
+        <% role = item["role"].to_s.strip %>
+        <% next if quote.blank? && author.blank? && role.blank? %>
+
+        <figure class="card border border-base-200 bg-base-100 shadow-sm">
+          <blockquote class="card-body">
+            <% if quote.present? %>
+              <p class="text-lg leading-relaxed">“<%= quote %>”</p>
+            <% end %>
+            <% if author.present? || role.present? %>
+              <figcaption class="mt-4 text-sm text-base-content/70">
+                <% if author.present? %>
+                  <span class="font-medium text-base-content"><%= author %></span>
+                <% end %>
+                <% if role.present? %>
+                  <span><%= author.present? ? " · #{role}" : role %></span>
+                <% end %>
+              </figcaption>
+            <% end %>
+          </blockquote>
+        </figure>
+      <% end %>
+    </div>
+  </section>
+<% end %>

data/app/views/rails_site_engine/sections/_unknown.html.erb

@@ -0,0 +1,6 @@
+<div class="alert alert-warning alert-soft mb-8" role="alert">
+  <div>
+    <div class="font-semibold">Unknown section type</div>
+    <div class="text-sm opacity-80"><%= section.inspect %></div>
+  </div>
+</div>

data/app/views/rails_site_engine/shared/_flash.html.erb

@@ -0,0 +1,18 @@
+<% flash.each do |key, message| %>
+  <% next if message.blank? %>
+
+  <% alert_class, role, live =
+    case key.to_s
+    when "notice"
+      [ "alert-success", "status", "polite" ]
+    when "alert"
+      [ "alert-error", "alert", "assertive" ]
+    else
+      [ "alert-info", "status", "polite" ]
+    end
+  %>
+
+  <div class="alert sm:alert-horizontal <%= alert_class %> mb-6 shadow-sm" role="<%= role %>" aria-live="<%= live %>">
+    <span><%= message %></span>
+  </div>
+<% end %>

data/app/views/rails_site_engine/shared/_footer.html.erb

@@ -0,0 +1,41 @@
+<footer class="border-t border-base-200 bg-base-200/30">
+  <div class="mx-auto w-full max-w-6xl px-4 py-10">
+    <div class="grid gap-8 md:grid-cols-[2fr_1fr_1fr]">
+      <section>
+        <h2 class="text-base font-semibold"><%= site_name %></h2>
+        <% if (description = site_config.dig("seo", "default_description").to_s.strip.presence) %>
+          <p class="mt-3 max-w-md text-sm text-base-content/80"><%= description %></p>
+        <% end %>
+      </section>
+
+      <nav aria-label="<%= t("rails_site_engine.footer.navigation") %>">
+        <h2 class="text-sm font-semibold uppercase tracking-wide text-base-content/70"><%= t("rails_site_engine.footer.quick_links") %></h2>
+        <ul class="menu menu-sm mt-2 w-fit gap-1 p-0">
+          <% links = footer_nav_items.presence || primary_nav_items %>
+          <% links.each do |item| %>
+            <li>
+              <%= link_to item[:label], item[:href], **nav_link_options(item) %>
+            </li>
+          <% end %>
+        </ul>
+      </nav>
+
+      <section>
+        <h2 class="text-sm font-semibold uppercase tracking-wide text-base-content/70"><%= t("rails_site_engine.footer.contact") %></h2>
+        <div class="mt-2 space-y-2 text-sm">
+          <% if (phone = contact_channels[:phone]).present? %>
+            <p><%= link_to phone, "tel:#{phone}", class: "link link-hover" %></p>
+          <% end %>
+          <% if (email = contact_channels[:email]).present? %>
+            <p><%= link_to email, "mailto:#{email}", class: "link link-hover" %></p>
+          <% end %>
+        </div>
+      </section>
+    </div>
+
+    <div class="mt-8 flex flex-col gap-2 border-t border-base-300 pt-4 text-sm text-base-content/70 sm:flex-row sm:items-center sm:justify-between">
+      <div>© <%= Time.current.year %> <%= site_name %></div>
+      <a href="#" class="link link-hover"><%= t("rails_site_engine.footer.back_to_top") %></a>
+    </div>
+  </div>
+</footer>