Create Hugo Website Structure and Styles

.gitignore

@@ -1,9 +1,10 @@
-node_modules/
+# Hugo build output
+public/
 dist/
-site/data/webpack.json
-/npm-debug.log
-yarn-error.log
-.netlify/
+resources/
 
-cypress/videos
-cypress/screenshots
+# Log files
+*.log
+
+# Hugo lock file
+.hugo_build.lock

assets/css/style.css

@@ -0,0 +1,247 @@
+body {
+    font-family: sans-serif;
+    margin: 0;
+    background-color: #1E3A8A; /* Dark blue background */
+    color: #FFFFFF; /* White text */
+}
+
+.hero {
+    padding: 100px 50px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.hero-content {
+    max-width: 600px;
+}
+
+.hero h1 {
+    font-size: 3rem;
+    margin-bottom: 20px;
+}
+
+.hero p {
+    font-size: 1.2rem;
+    margin-bottom: 30px;
+}
+
+.btn {
+    padding: 15px 30px;
+    border-radius: 30px;
+    text-decoration: none;
+    font-weight: bold;
+    margin-right: 15px;
+}
+
+.btn-primary {
+    background-color: #10B981; /* Green */
+    color: #FFFFFF;
+}
+
+.btn-secondary {
+    background-color: #FFFFFF; /* White */
+    color: #1E3A8A; /* Dark blue */
+}
+
+/* Header */
+.header {
+    background-color: #1E3A8A; /* Dark blue background */
+    padding: 20px 50px;
+    border-bottom: 1px solid #3B82F6; /* Lighter blue border */
+}
+
+.header .container {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.logo img {
+    height: 40px;
+}
+
+.header nav ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+}
+
+.header nav ul li {
+    margin-left: 30px;
+}
+
+.header nav ul li a {
+    color: #FFFFFF;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+/* Services */
+.services {
+    background-color: #FFFFFF;
+    color: #1E3A8A;
+    padding: 80px 50px;
+    text-align: center;
+}
+
+.services h2 {
+    font-size: 2.5rem;
+    margin-bottom: 50px;
+}
+
+.service-cards {
+    display: flex;
+    justify-content: center;
+    gap: 30px;
+}
+
+.card {
+    background-color: #F3F4F6; /* Light gray background */
+    padding: 40px;
+    border-radius: 10px;
+    max-width: 300px;
+    text-align: left;
+}
+
+.card img {
+    height: 50px;
+    margin-bottom: 20px;
+}
+
+.card h3 {
+    font-size: 1.5rem;
+    margin-bottom: 15px;
+}
+
+/* Challenge */
+.challenge {
+    background-color: #1E3A8A;
+    padding: 80px 50px;
+}
+
+.challenge .container {
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+.challenge h2 {
+    font-size: 2.5rem;
+    margin-bottom: 20px;
+}
+
+.challenge p {
+    font-size: 1.2rem;
+    margin-bottom: 40px;
+}
+
+.challenge ul {
+    list-style: none;
+    padding: 0;
+}
+
+.challenge ul li {
+    display: flex;
+    align-items: center;
+    font-size: 1.1rem;
+    margin-bottom: 15px;
+}
+
+.challenge ul li img {
+    height: 24px;
+    margin-right: 15px;
+}
+
+/* Approach */
+.approach {
+    background-color: #FFFFFF;
+    color: #1E3A8A;
+    padding: 80px 50px;
+    text-align: center;
+}
+
+.approach h2 {
+    font-size: 2.5rem;
+    margin-bottom: 50px;
+}
+
+.approach-steps {
+    display: flex;
+    justify-content: center;
+    gap: 30px;
+}
+
+.step {
+    max-width: 300px;
+    text-align: left;
+}
+
+.step h3 {
+    font-size: 1.5rem;
+    margin-bottom: 15px;
+}
+
+/* About */
+.about {
+    background-color: #1E3A8A;
+    padding: 80px 50px;
+}
+
+.about .container {
+    display: flex;
+    align-items: center;
+    gap: 50px;
+}
+
+.about-content {
+    flex: 1;
+}
+
+.about h2 {
+    font-size: 2.5rem;
+    margin-bottom: 20px;
+}
+
+.about p {
+    font-size: 1.2rem;
+}
+
+.about-image {
+    flex: 1;
+}
+
+.about-image img {
+    max-width: 100%;
+    border-radius: 10px;
+}
+
+/* CTA */
+.cta {
+    background-color: #F3F4F6; /* Light gray background */
+    color: #1E3A8A;
+    padding: 80px 50px;
+    text-align: center;
+}
+
+.cta h2 {
+    font-size: 2.5rem;
+    margin-bottom: 20px;
+}
+
+.cta p {
+    font-size: 1.2rem;
+    margin-bottom: 30px;
+}
+
+/* Footer */
+.footer {
+    background-color: #1E3A8A;
+    padding: 20px 50px;
+    text-align: center;
+    border-top: 1px solid #3B82F6; /* Lighter blue border */
+}
+
+.footer p {
+    margin: 0;
+}

hugo.toml

@@ -0,0 +1,18 @@
+baseURL = "http://example.org/"
+languageCode = "en-us"
+title = "My New Hugo Site"
+contentDir = "site/content"
+
+[module]
+  [module.hugoVersion]
+    extended = true
+    min = "0.92.0"
+  [[module.mounts]]
+    source = "layouts"
+    target = "layouts"
+  [[module.mounts]]
+    source = "static"
+    target = "static"
+  [[module.mounts]]
+    source = "assets"
+    target = "assets"

layouts/_default/baseof.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>{{ .Title }}</title>
+    {{ $style := resources.Get "css/style.css" | resources.Minify | resources.Fingerprint }}
+    <link rel="stylesheet" href="{{ $style.Permalink }}">
+</head>
+<body>
+    {{ block "main" . }}{{ end }}
+</body>
+</html>

layouts/_default/index.html

@@ -0,0 +1,10 @@
+{{ define "main" }}
+    {{ partial "header.html" . }}
+    {{ partial "hero.html" . }}
+    {{ partial "services.html" . }}
+    {{ partial "challenge.html" . }}
+    {{ partial "approach.html" . }}
+    {{ partial "about.html" . }}
+    {{ partial "cta.html" . }}
+    {{ partial "footer.html" . }}
+{{ end }}

layouts/partials/about.html

@@ -0,0 +1 @@
+<!-- About partial -->

layouts/partials/approach.html

@@ -0,0 +1 @@
+<!-- Approach partial -->

layouts/partials/challenge.html

@@ -0,0 +1 @@
+<!-- Challenge partial -->

layouts/partials/cta.html

@@ -0,0 +1 @@
+<!-- CTA partial -->

layouts/partials/footer.html

@@ -0,0 +1 @@
+<!-- Footer partial -->

layouts/partials/header.html

@@ -0,0 +1 @@
+<!-- Header partial -->

layouts/partials/hero.html

@@ -0,0 +1,8 @@
+<section class="hero">
+    <div class="hero-content">
+        <h1>Done-for-you marketing that drives results</h1>
+        <p>We help B2B SaaS and professional services companies generate demand and capture revenue.</p>
+        <a href="#" class="btn btn-primary">Get the Cheat Sheet</a>
+        <a href="#" class="btn btn-secondary">Book a Consultation</a>
+    </div>
+</section>

layouts/partials/services.html

@@ -0,0 +1 @@
+<!-- Services partial -->

static/js/main.js

@@ -0,0 +1 @@
+// Main javascript file