This commit is contained in:
@@ -11,47 +11,66 @@ const pageMetaInfo = {
|
||||
|
||||
<Layout title={pageMetaInfo.title} description={pageMetaInfo.description}>
|
||||
<!-- Hero Section -->
|
||||
<section
|
||||
class="hero min-h-[60vh] bg-gradient-to-br from-primary to-primary-focus"
|
||||
>
|
||||
<div class="hero-content text-center text-primary-content">
|
||||
<div class="max-w-4xl">
|
||||
<h1 class="text-5xl font-bold mb-6 leading-tight">
|
||||
{siteConfig.name}
|
||||
</h1>
|
||||
<p
|
||||
class="text-xl mb-8 opacity-90 max-w-2xl mx-auto leading-relaxed"
|
||||
<section class="py-8 lg:py-16">
|
||||
<div class="max-w-6xl mx-auto px-4">
|
||||
<div
|
||||
class="hero bg-gradient-to-br from-primary to-secondary rounded-xl lg:rounded-2xl"
|
||||
>
|
||||
<div
|
||||
class="hero-content text-center text-primary-content py-8 lg:py-16 px-4"
|
||||
>
|
||||
{siteConfig.hero.description} — Delivering reliable, scalable
|
||||
solutions tailored to your business needs.
|
||||
</p>
|
||||
<div class="flex flex-col sm:flex-row gap-4 justify-center">
|
||||
<a href="#contact" class="btn btn-secondary btn-lg">
|
||||
Start Your Project
|
||||
</a>
|
||||
<a
|
||||
href="#services"
|
||||
class="btn btn-outline btn-lg text-white border-white hover:bg-white hover:text-primary"
|
||||
>
|
||||
View Services
|
||||
</a>
|
||||
<div class="max-w-4xl w-full">
|
||||
<h1
|
||||
class="text-3xl sm:text-4xl lg:text-5xl font-bold mb-4 lg:mb-6 leading-tight"
|
||||
>
|
||||
Professional Software Solutions
|
||||
</h1>
|
||||
<p
|
||||
class="text-base sm:text-lg lg:text-xl mb-6 lg:mb-8 opacity-90 max-w-2xl mx-auto leading-relaxed"
|
||||
>
|
||||
{siteConfig.hero.description} — Delivering reliable,
|
||||
scalable solutions tailored to your business needs.
|
||||
</p>
|
||||
<div
|
||||
class="flex flex-col sm:flex-row gap-3 lg:gap-4 justify-center"
|
||||
>
|
||||
<a
|
||||
href="#contact"
|
||||
class="btn btn-secondary btn-md lg:btn-lg text-white border-white"
|
||||
>
|
||||
Start Your Project
|
||||
</a>
|
||||
<a
|
||||
href="#services"
|
||||
class="btn btn-secondary btn-md lg:btn-lg text-white border-white"
|
||||
>
|
||||
View Services
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="max-w-6xl mx-auto px-4 py-16">
|
||||
<div class="max-w-6xl mx-auto px-4">
|
||||
<!-- Services Grid -->
|
||||
<section id="services" class="mb-20">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="text-4xl font-bold mb-4">Our Services</h2>
|
||||
<p class="text-lg text-base-content/70 max-w-2xl mx-auto">
|
||||
Comprehensive solutions designed to drive your business
|
||||
forward
|
||||
<section id="services" class="mb-16 lg:mb-20">
|
||||
<div class="text-center mb-8 lg:mb-12">
|
||||
<h2
|
||||
class="text-2xl sm:text-3xl lg:text-4xl font-bold mb-3 lg:mb-4"
|
||||
>
|
||||
Our Services
|
||||
</h2>
|
||||
<p
|
||||
class="text-base lg:text-lg text-base-content/70 max-w-2xl mx-auto px-4"
|
||||
>
|
||||
Comprehensive software solutions designed to drive your
|
||||
business forward
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 lg:gap-6">
|
||||
{
|
||||
siteConfig.featureCards.cards.map((card, index) => (
|
||||
<div class="card bg-base-100 shadow-lg hover:shadow-xl transition-all duration-300 border border-base-200">
|
||||
@@ -153,21 +172,25 @@ const pageMetaInfo = {
|
||||
</section>
|
||||
|
||||
<!-- About Section -->
|
||||
<section class="mb-20">
|
||||
<div class="hero bg-base-200 rounded-2xl">
|
||||
<div class="hero-content text-center py-16">
|
||||
<div class="max-w-3xl">
|
||||
<h2 class="text-3xl font-bold mb-6">
|
||||
<section class="mb-16 lg:mb-20">
|
||||
<div class="hero bg-base-200 rounded-xl lg:rounded-2xl">
|
||||
<div class="hero-content text-center py-12 lg:py-16 px-4">
|
||||
<div class="max-w-3xl w-full">
|
||||
<h2 class="text-2xl sm:text-3xl font-bold mb-4 lg:mb-6">
|
||||
Why Choose Atash Consulting?
|
||||
</h2>
|
||||
<p
|
||||
class="text-lg mb-8 text-base-content/80 leading-relaxed"
|
||||
class="text-base lg:text-lg mb-6 lg:mb-8 text-base-content/80 leading-relaxed"
|
||||
>
|
||||
With over a decade of experience in the software
|
||||
industry, we bring deep technical expertise and a
|
||||
commitment to excellence to every project.
|
||||
commitment to excellence to every project. From
|
||||
initial consultation to final deployment, we're your
|
||||
trusted partner in digital transformation.
|
||||
</p>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-8">
|
||||
<div
|
||||
class="grid grid-cols-1 md:grid-cols-3 gap-4 lg:gap-6 mt-6 lg:mt-8"
|
||||
>
|
||||
<div class="text-center">
|
||||
<div
|
||||
class="w-16 h-16 bg-primary rounded-full flex items-center justify-center mx-auto mb-4"
|
||||
@@ -222,7 +245,7 @@ const pageMetaInfo = {
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div
|
||||
class="w-16 h-16 bg-accent rounded-full flex items-center justify-center mx-auto mb-4"
|
||||
class="w-16 h-16 bg-primary rounded-full flex items-center justify-center mx-auto mb-4"
|
||||
>
|
||||
<svg
|
||||
class="w-8 h-8 text-accent-content"
|
||||
@@ -252,10 +275,16 @@ const pageMetaInfo = {
|
||||
</section>
|
||||
|
||||
<!-- Contact Section -->
|
||||
<section id="contact" class="mb-20">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="text-4xl font-bold mb-4">Get In Touch</h2>
|
||||
<p class="text-lg text-base-content/70 max-w-2xl mx-auto">
|
||||
<section id="contact" class="mb-16 lg:mb-20">
|
||||
<div class="text-center mb-8 lg:mb-12">
|
||||
<h2
|
||||
class="text-2xl sm:text-3xl lg:text-4xl font-bold mb-3 lg:mb-4"
|
||||
>
|
||||
Get In Touch
|
||||
</h2>
|
||||
<p
|
||||
class="text-base lg:text-lg text-base-content/70 max-w-2xl mx-auto px-4"
|
||||
>
|
||||
Ready to start your project? Let's discuss how we can help
|
||||
transform your ideas into robust, scalable software
|
||||
solutions.
|
||||
|
||||
Reference in New Issue
Block a user