diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..5ffad03 --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,61 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +@layer base { + html { + @apply scroll-smooth; + } + + body { + @apply font-sans text-gray-700 antialiased; + } + + h1, h2, h3, h4, h5, h6 { + @apply font-heading font-bold text-gray-900; + } +} + +@layer components { + .btn { + @apply inline-flex items-center justify-center px-6 py-3 rounded-lg font-medium transition duration-200 ease-in-out; + } + + .btn-primary { + @apply btn bg-primary-600 text-white hover:bg-primary-700 hover:scale-105; + } + + .btn-secondary { + @apply btn bg-secondary-600 text-white hover:bg-secondary-700 hover:scale-105; + } + + .btn-outline { + @apply btn border-2 border-gray-200 hover:border-primary-600 hover:text-primary-600; + } + + .container { + @apply mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl; + } + + .section { + @apply py-16 md:py-24; + } + + .card { + @apply bg-white rounded-xl shadow-subtle p-6 transition duration-200 hover:shadow-elevation; + } + + .nav-link { + @apply text-gray-600 hover:text-primary-600 font-medium transition duration-200; + } + + .feature-grid { + @apply grid gap-8 md:grid-cols-2 lg:grid-cols-3; + } +} + +@layer utilities { + .text-gradient { + @apply bg-clip-text text-transparent bg-gradient-to-r from-primary-600 to-secondary-600; + } +} diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html new file mode 100644 index 0000000..52a03d9 --- /dev/null +++ b/layouts/_default/baseof.html @@ -0,0 +1,192 @@ + + + + + + {{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} | {{ .Site.Title }}{{ end }} + + + + + + + + + + + + + + + + +
+
+ + + + +
+
+ + +
+ {{ block "main" . }}{{ end }} +
+ + + + + + + + diff --git a/layouts/index.html b/layouts/index.html new file mode 100644 index 0000000..9cdc411 --- /dev/null +++ b/layouts/index.html @@ -0,0 +1,147 @@ +{{ define "main" }} + +
+
+
+
+

+ Unlock the Hidden Revenue in Your User Journeys +

+

+ Transform your user experience with powerful analytics and insights that drive growth and engagement. +

+
+ + Get Started Free + + + Schedule Demo + +
+
+
+
+ Analytics Dashboard +
+ +
+
+
+
+
+
+ + +
+
+

Trusted by leading companies worldwide

+
+ {{ range $i := (seq 6) }} + Client Logo + {{ end }} +
+
+
+ + +
+
+
+

Powerful Features for Modern Teams

+

Discover how our platform helps you understand and optimize every aspect of your user experience.

+
+ + +
+ +
+
+
User Analytics
+

Deep Insights into User Behavior

+

Track and analyze user interactions in real-time. Understand how users navigate your product and identify opportunities for improvement.

+
    + {{ range (slice "Real-time user tracking" "Behavioral analytics" "Custom event tracking" "User flow visualization") }} +
  • + + + + {{ . }} +
    • + {{ end }} +
+ Learn More +
+
+ Analytics Feature +
+
+ + +
+
+ Session Replay Feature +
+
+
Session Replay
+

Watch Real User Sessions

+

Understand exactly how users interact with your product through high-fidelity session recordings and heatmaps.

+
    + {{ range (slice "Full session recordings" "Click and scroll heatmaps" "Error tracking" "User journey analysis") }} +
  • + + + + {{ . }} +
    • + {{ end }} +
+ Learn More +
+
+
+
+
+ + +
+
+
+

Loved by Teams Worldwide

+

See what our customers have to say about their experience with our platform.

+
+ +
+ {{ range $i := (seq 3) }} +
+
+ Testimonial +
+

John Smith

+

Product Manager at Company

+
+
+

"This platform has transformed how we understand our users. The insights we've gained have been invaluable for our product development."

+
+ {{ end }} +
+
+
+ + +
+
+
+

Ready to Transform Your User Experience?

+

Join thousands of companies already using our platform to drive growth.

+
+ + Get Started Free + + + Schedule Demo + +
+
+
+
+{{ end }} diff --git a/package.json b/package.json new file mode 100644 index 0000000..8f5f780 --- /dev/null +++ b/package.json @@ -0,0 +1,24 @@ +{ + "name": "hugo-sassify-theme", + "version": "1.0.0", + "description": "A modern Hugo theme for SaaS websites", + "scripts": { + "dev": "npx tailwindcss -i ./assets/css/main.css -o ./assets/css/style.css --watch", + "build": "npx tailwindcss -i ./assets/css/main.css -o ./assets/css/style.css --minify" + }, + "keywords": [ + "hugo", + "theme", + "saas", + "tailwind" + ], + "author": "Chaoming Li", + "license": "MIT", + "devDependencies": { + "@tailwindcss/forms": "^0.5.7", + "@tailwindcss/typography": "^0.5.10", + "autoprefixer": "^10.4.16", + "postcss": "^8.4.31", + "tailwindcss": "^3.3.5" + } +} diff --git a/static/images/client-logo-1.svg b/static/images/client-logo-1.svg new file mode 100644 index 0000000..dfd2eb2 --- /dev/null +++ b/static/images/client-logo-1.svg @@ -0,0 +1,4 @@ + + + Client One + diff --git a/static/images/feature-analytics.svg b/static/images/feature-analytics.svg new file mode 100644 index 0000000..cdb24a4 --- /dev/null +++ b/static/images/feature-analytics.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/feature-session.svg b/static/images/feature-session.svg new file mode 100644 index 0000000..a384fc3 --- /dev/null +++ b/static/images/feature-session.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/hero-dashboard.svg b/static/images/hero-dashboard.svg new file mode 100644 index 0000000..1cc17da --- /dev/null +++ b/static/images/hero-dashboard.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/testimonial-1.svg b/static/images/testimonial-1.svg new file mode 100644 index 0000000..9a372c3 --- /dev/null +++ b/static/images/testimonial-1.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000..065f3a1 --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,63 @@ +/** @type {import('tailwindcss').Config} */ +module.exports = { + content: ["./layouts/**/*.html"], + theme: { + extend: { + colors: { + primary: { + 50: '#f0f9ff', + 100: '#e0f2fe', + 200: '#bae6fd', + 300: '#7dd3fc', + 400: '#38bdf8', + 500: '#0ea5e9', + 600: '#0284c7', + 700: '#0369a1', + 800: '#075985', + 900: '#0c4a6e', + }, + secondary: { + 50: '#faf5ff', + 100: '#f3e8ff', + 200: '#e9d5ff', + 300: '#d8b4fe', + 400: '#c084fc', + 500: '#a855f7', + 600: '#9333ea', + 700: '#7e22ce', + 800: '#6b21a8', + 900: '#581c87', + }, + accent: { + green: '#22c55e', + yellow: '#eab308', + } + }, + fontFamily: { + sans: ['Inter', 'system-ui', 'sans-serif'], + heading: ['Plus Jakarta Sans', 'sans-serif'], + }, + boxShadow: { + 'subtle': '0 2px 15px -3px rgba(0, 0, 0, 0.07)', + 'elevation': '0 10px 40px -3px rgba(0, 0, 0, 0.1)', + }, + borderRadius: { + 'xl': '1rem', + '2xl': '1.5rem', + }, + animation: { + 'subtle-bounce': 'subtle-bounce 2s infinite', + }, + keyframes: { + 'subtle-bounce': { + '0%, 100%': { transform: 'translateY(0)' }, + '50%': { transform: 'translateY(-5px)' }, + }, + }, + }, + }, + plugins: [ + require('@tailwindcss/forms'), + require('@tailwindcss/typography'), + ], +} diff --git a/theme.toml b/theme.toml new file mode 100644 index 0000000..faf93a8 --- /dev/null +++ b/theme.toml @@ -0,0 +1,12 @@ +name = "Hugo Sassify" +license = "MIT" +licenselink = "https://github.com/yourusername/hugo-sassify-theme/blob/master/LICENSE" +description = "A modern Hugo theme for SaaS websites built with TailwindCSS" +homepage = "https://github.com/yourusername/hugo-sassify-theme" +tags = ["saas", "business", "tailwind", "responsive", "modern", "clean"] +features = ["responsive", "tailwind", "modern design"] +min_version = "0.80.0" + +[author] + name = "Your Name" + homepage = "https://yourwebsite.com"