<!DOCTYPE html>
<html
lang="en"
data-scrapbook-source="https://singular-otter-3510a7.netlify.app/#home"
data-scrapbook-create="20250428093640618"
>
<head><base href="/lander/earthfire-echo-storm-ship/index.html">
<meta charset="UTF-8" />
<link
rel="icon"
type="image/svg+xml"
href="urn:scrapbook:download:error:https://singular-otter-3510a7.netlify.app/vite.svg"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Welcome to Smart Solutions Hub</title>
<meta
name="description"
content="Explore smart solutions and modern technologies for a more productive and organized life."
/>
<link href="css2.css" rel="stylesheet" />
<link rel="stylesheet" href="index-BIVBecVk.css" />
<style>
html {
scroll-behavior: smooth;
}
</style>
</head>
<body data-new-gr-c-s-check-loaded="14.1232.0" data-gr-ext-installed="">
<div id="root">
<div class="min-h-screen flex flex-col bg-white">
<header
class="fixed w-full z-10 transition-all duration-300 bg-white shadow-md py-3"
>
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center">
<div class="flex items-center">
<span class="font-semibold text-xl text-blue-600"
>Smart Solutions Hub</span
>
</div>
<nav class="hidden md:flex space-x-8">
<a
href="#home" onclick="document.location.hash='home';return false;"
class="text-sm font-medium transition-colors duration-200 hover:text-blue-600 text-gray-800"
>Home</a
><a
href="#features" onclick="document.location.hash='features';return false;"
class="text-sm font-medium transition-colors duration-200 hover:text-blue-600 text-gray-800"
>Features</a
><a
href="#about" onclick="document.location.hash='about';return false;"
class="text-sm font-medium transition-colors duration-200 hover:text-blue-600 text-gray-800"
>About</a
><a
href="#contact" onclick="document.location.hash='contact';return false;"
class="text-sm font-medium transition-colors duration-200 hover:text-blue-600 text-gray-800"
>Contact</a
>
</nav>
<button
class="md:hidden focus:outline-none"
aria-label="Toggle menu"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-menu h-6 w-6 text-gray-900"
>
<line x1="4" x2="20" y1="12" y2="12"></line>
<line x1="4" x2="20" y1="6" y2="6"></line>
<line x1="4" x2="20" y1="18" y2="18"></line>
</svg>
</button>
</div>
</div>
</header>
<main class="flex-grow">
<section
id="home"
class="relative min-h-screen bg-white flex items-center"
>
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-12 md:py-24">
<div class="max-w-3xl mx-auto text-center">
<h1
class="text-4xl sm:text-5xl md:text-6xl font-bold text-gray-900 mb-6 tracking-tight"
>
Welcome to Smart Solutions Hub
</h1>
<h2 class="text-xl sm:text-2xl font-medium text-blue-600 mb-8">
Discover innovative tools to optimize your daily routines.
</h2>
<p class="text-gray-700 text-lg mb-8 leading-relaxed">
At Smart Solutions Hub, we believe in the power of smart
strategies and innovative technology to transform your daily
life. Our carefully designed tools help you streamline
workflows, organize information, and optimize productivity
without complexity. We focus on creating intuitive solutions
that adapt to your unique needs and help you achieve more with
less effort.
</p>
<p class="text-gray-700 text-lg mb-10 leading-relaxed">
From intelligent task management to advanced organizational
features, our platform empowers you to focus on what truly
matters. Join thousands of users who have discovered a more
efficient way to approach their daily challenges through
thoughtful technology integration.
</p>
<button
class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-all duration-300"
>
Learn More<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-arrow-down-circle ml-2 h-5 w-5"
>
<circle cx="12" cy="12" r="10"></circle>
<path d="M12 8v8"></path>
<path d="m8 12 4 4 4-4"></path>
</svg>
</button>
</div>
</div>
</section>
<section id="features" class="py-16 md:py-24 bg-gray-50">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl sm:text-4xl font-bold text-gray-900 mb-4">
Smart Tools for Modern Life
</h2>
<p class="max-w-2xl mx-auto text-lg text-gray-600">
Our innovative solutions are designed to help you achieve more
while doing less, incorporating the latest technology to
simplify your daily routines.
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<div
class="bg-white p-8 rounded-lg shadow-sm border border-gray-100 hover:shadow-md transition-all duration-300 hover:translate-y-[-5px]"
>
<div class="mb-4">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-brain h-8 w-8 text-blue-600"
>
<path
d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"
></path>
<path
d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"
></path>
<path
d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"
></path>
<path d="M17.599 6.5a3 3 0 0 0 .399-1.375"></path>
<path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path>
<path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path>
<path d="M19.938 10.5a4 4 0 0 1 .585.396"></path>
<path d="M6 18a4 4 0 0 1-1.967-.516"></path>
<path d="M19.967 17.484A4 4 0 0 1 18 18"></path>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-3">
Intelligent Organization
</h3>
<p class="text-gray-600">
Structure information intuitively with AI-powered
organization systems that learn your preferences.
</p>
</div>
<div
class="bg-white p-8 rounded-lg shadow-sm border border-gray-100 hover:shadow-md transition-all duration-300 hover:translate-y-[-5px]"
>
<div class="mb-4">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-workflow h-8 w-8 text-teal-500"
>
<rect width="8" height="8" x="3" y="3" rx="2"></rect>
<path d="M7 11v4a2 2 0 0 0 2 2h4"></path>
<rect width="8" height="8" x="13" y="13" rx="2"></rect>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-3">
Workflow Automation
</h3>
<p class="text-gray-600">
Automate repetitive tasks and create streamlined workflows
that save time and reduce errors.
</p>
</div>
<div
class="bg-white p-8 rounded-lg shadow-sm border border-gray-100 hover:shadow-md transition-all duration-300 hover:translate-y-[-5px]"
>
<div class="mb-4">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-pie-chart h-8 w-8 text-purple-600"
>
<path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path>
<path d="M22 12A10 10 0 0 0 12 2v10z"></path>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-3">
Insightful Analytics
</h3>
<p class="text-gray-600">
Gain valuable insights through detailed analytics that help
you optimize your processes.
</p>
</div>
<div
class="bg-white p-8 rounded-lg shadow-sm border border-gray-100 hover:shadow-md transition-all duration-300 hover:translate-y-[-5px]"
>
<div class="mb-4">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-zap h-8 w-8 text-orange-500"
>
<polygon
points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"
></polygon>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-3">
Enhanced Productivity
</h3>
<p class="text-gray-600">
Boost your efficiency with integrated tools designed to
minimize distractions and maximize focus.
</p>
</div>
<div
class="bg-white p-8 rounded-lg shadow-sm border border-gray-100 hover:shadow-md transition-all duration-300 hover:translate-y-[-5px]"
>
<div class="mb-4">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-lightbulb h-8 w-8 text-yellow-500"
>
<path
d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"
></path>
<path d="M9 18h6"></path>
<path d="M10 22h4"></path>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-3">
Creative Solutions
</h3>
<p class="text-gray-600">
Unlock innovative approaches to everyday challenges through
our creative problem-solving tools.
</p>
</div>
<div
class="bg-white p-8 rounded-lg shadow-sm border border-gray-100 hover:shadow-md transition-all duration-300 hover:translate-y-[-5px]"
>
<div class="mb-4">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-sparkles h-8 w-8 text-indigo-500"
>
<path
d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"
></path>
<path d="M5 3v4"></path>
<path d="M19 17v4"></path>
<path d="M3 5h4"></path>
<path d="M17 19h4"></path>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-3">
Smart Integration
</h3>
<p class="text-gray-600">
Seamlessly connect with your existing tools and platforms
for a unified experience.
</p>
</div>
</div>
</div>
</section>
<section id="about" class="py-16 md:py-24 bg-white">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-3xl mx-auto text-center mb-16">
<h2 class="text-3xl sm:text-4xl font-bold text-gray-900 mb-4">
About Smart Solutions Hub
</h2>
<p class="text-lg text-gray-600">
We're dedicated to creating innovative tools that transform
how people approach their daily activities, focusing on
simplicity, efficiency, and genuine productivity improvements.
</p>
</div>
<div
class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto"
>
<div class="text-center p-6">
<div
class="inline-flex items-center justify-center w-16 h-16 bg-blue-100 rounded-full mb-4"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-shield h-8 w-8 text-blue-600"
>
<path
d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"
></path>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">
Trustworthy
</h3>
<p class="text-gray-600">
Built with privacy and security at the core, ensuring your
data remains protected at all times.
</p>
</div>
<div class="text-center p-6">
<div
class="inline-flex items-center justify-center w-16 h-16 bg-purple-100 rounded-full mb-4"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-award h-8 w-8 text-purple-600"
>
<circle cx="12" cy="8" r="6"></circle>
<path d="M15.477 12.89 17 22l-5-3-5 3 1.523-9.11"></path>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">
Excellence
</h3>
<p class="text-gray-600">
Committed to delivering exceptional quality through rigorous
testing and continuous improvement.
</p>
</div>
<div class="text-center p-6">
<div
class="inline-flex items-center justify-center w-16 h-16 bg-teal-100 rounded-full mb-4"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-users h-8 w-8 text-teal-600"
>
<path
d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"
></path>
<circle cx="9" cy="7" r="4"></circle>
<path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
<path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">
Community
</h3>
<p class="text-gray-600">
Driven by user feedback and collaborative innovation to
create solutions that truly matter.
</p>
</div>
</div>
</div>
</section>
<section id="contact" class="py-16 md:py-24 bg-gray-50">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-3xl mx-auto text-center mb-12">
<h2 class="text-3xl sm:text-4xl font-bold text-gray-900 mb-4">
Get in Touch
</h2>
<p class="text-lg text-gray-600">
Have questions about our smart solutions? We're here to help
you find the perfect tools for your needs.
</p>
</div>
<div
class="max-w-2xl mx-auto bg-white rounded-lg shadow-sm p-8 border border-gray-100"
>
<form>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6 mb-6">
<div>
<label
for="name"
class="block text-sm font-medium text-gray-700 mb-1"
>Name</label
><input
type="text"
id="name"
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
placeholder="Your name"
value=""
/>
</div>
<div>
<label
for="email"
class="block text-sm font-medium text-gray-700 mb-1"
>Email</label
><input
type="email"
id="email"
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
placeholder="Your email"
value=""
/>
</div>
</div>
<div class="mb-6">
<label
for="subject"
class="block text-sm font-medium text-gray-700 mb-1"
>Subject</label
><input
type="text"
id="subject"
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
placeholder="Message subject"
value=""
/>
</div>
<div class="mb-6">
<label
for="message"
class="block text-sm font-medium text-gray-700 mb-1"
>Message</label
><textarea
id="message"
rows="4"
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
placeholder="Your message"
></textarea>
</div>
<div class="text-center">
<button
type="button"
class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-message-square mr-2 h-5 w-5"
>
<path
d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"
></path></svg
>Send Message
</button>
</div>
</form>
</div>
<div class="mt-12 text-center">
<p class="text-gray-600 flex items-center justify-center">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-mail h-5 w-5 mr-2 text-blue-600"
>
<rect width="20" height="16" x="2" y="4" rx="2"></rect>
<path
d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"
></path></svg
><span>Or reach us directly at: </span
><a href="/cdn-cgi/l/email-protection#beddd1d0cadfddcafecdd3dfcccacdd1d2cbcad7d1d0cdd6cbdc90ddd1d3" class="text-blue-600 hover:underline ml-1"><span class="__cf_email__" data-cfemail="90f3fffee4f1f3e4d0e3fdf1e2e4e3fffce5e4f9fffee3f8e5f2bef3fffd">[email protected]</span></a
>
</p>
</div>
</div>
</section>
</main>
<footer class="bg-white border-t border-gray-200 py-10">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-4 md:mb-0">
<span class="text-gray-800 font-semibold text-lg"
>Smart Solutions Hub</span
>
<p class="text-gray-600 text-sm mt-1">
© 2025 Smart Solutions Hub. All rights reserved.
</p>
</div>
<div class="flex flex-wrap justify-center space-x-6">
<a
href="pp.html"
class="text-gray-600 hover:text-blue-600 text-sm mb-2 md:mb-0"
>Privacy Policy</a
><a
href="tos.html"
class="text-gray-600 hover:text-blue-600 text-sm mb-2 md:mb-0"
>Terms of Service</a
><a
href="#contact" onclick="document.location.hash='contact';return false;"
class="text-gray-600 hover:text-blue-600 text-sm"
>Contact Us</a
>
</div>
</div>
</div>
</footer>
</div>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
</html>