static/index.html at main · Aphyla/static · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Aphyla - Smart Contract Audits & Blockchain Outsourcing</title>
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet" />
  <link rel="icon" type="image/png" href="/assets/favicon/favicon-96x96.png" sizes="96x96" />
  <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg" />
  <link rel="shortcut icon" href="/assets/favicon/favicon.ico" />
  <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png" />
  <link rel="manifest" href="/assets/favicon/site.webmanifest" />
  <script src="https://cdn.tailwindcss.com"></script>
  <style>
    body {
      font-family: "Inter", sans-serif;
    }
  </style>
</head>

<body class="bg-gray-900 text-gray-200">
  <!-- Header & Hero Section -->
  <header class="bg-gray-800 shadow-lg sticky top-0 z-50">
    <nav class="container mx-auto px-4 py-4 flex justify-between items-center">
      <a href="#" class="flex items-center space-x-2">
        <img src="./assets/logo.png" alt="Aphyla Logo" class="h-10" />
        <span
          class="text-3xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-600">Aphyla</span>
      </a>
      <div class="hidden md:flex space-x-6">
        <a href="#services" class="text-gray-300 hover:text-white transition-colors duration-300">Services</a>
        <a href="#contact" class="text-gray-300 hover:text-white transition-colors duration-300">Contact</a>
      </div>
    </nav>
  </header>

  <main>
    <section class="min-h-screen flex items-center justify-center text-center p-6 bg-gray-950">
      <div class="max-w-4xl space-y-8">
        <h1 class="text-5xl md:text-7xl font-extrabold leading-tight text-white animate-fade-in">
          Securing the Future of Blockchain
        </h1>
        <p class="text-lg md:text-xl text-gray-400 max-w-2xl mx-auto animate-fade-in-up">
          Aphyla provides unparalleled expertise in smart contract audits and bespoke blockchain development to fortify
          your projects against risk.
        </p>
        <div class="flex flex-col sm:flex-row items-center justify-center space-y-4 sm:space-y-0 sm:space-x-4 pt-6">
          <a href="#contact"
            class="px-8 py-3 bg-gradient-to-r from-blue-500 to-purple-600 text-white font-semibold rounded-full shadow-lg hover:from-blue-600 hover:to-purple-700 transition-transform transform hover:scale-105 duration-300">
            Get a Quote
          </a>
          <a href="#services"
            class="px-8 py-3 bg-transparent text-gray-200 font-semibold rounded-full border border-gray-600 hover:bg-gray-800 transition-colors duration-300">
            Learn More
          </a>
        </div>
      </div>
    </section>

    <!-- Services Section -->
    <section id="services" class="py-20 bg-gray-900">
      <div class="container mx-auto px-6">
        <h2 class="text-4xl md:text-5xl font-bold text-center text-white mb-12">
          Our Services
        </h2>
        <div class="max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8">
          <!-- Smart Contract Audits -->
          <div
            class="bg-gray-800 p-8 rounded-2xl shadow-xl hover:shadow-2xl transition-shadow duration-300 border-t-4 border-blue-500">
            <div class="flex items-center space-x-4 mb-4">
              <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-blue-400" fill="none" viewBox="0 0 24 24"
                stroke="currentColor" stroke-width="2">
                <path stroke-linecap="round" stroke-linejoin="round"
                  d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.083 12.083 0 003 12c0 2.83.67 5.56 1.96 8.08L12 22l7.04-1.92c1.29-2.52 1.96-5.25 1.96-8.08 0-1.89-.35-3.73-1.01-5.416z" />
              </svg>
              <h3 class="text-3xl font-semibold text-white">
                Smart Contract Audits
              </h3>
            </div>
            <p class="text-gray-400 leading-relaxed text-justify">
              We provide comprehensive and rigorous security audits to identify vulnerabilities, logical errors, and
              potential exploits in your smart contracts. Our detailed reports offer actionable recommendations to
              secure your codebase and protect your users.
            </p>
          </div>

          <!-- Blockchain Outsourcing -->
          <div
            class="bg-gray-800 p-8 rounded-2xl shadow-xl hover:shadow-2xl transition-shadow duration-300 border-t-4 border-purple-500">
            <div class="flex items-center space-x-4 mb-4">
              <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-purple-400" fill="none" viewBox="0 0 24 24"
                stroke="currentColor" stroke-width="2">
                <path stroke-linecap="round" stroke-linejoin="round" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
              </svg>
              <h3 class="text-3xl font-semibold text-white">
                Blockchain Outsourcing
              </h3>
            </div>
            <p class="text-gray-400 leading-relaxed text-justify">
              From concept to deployment, our team handles all aspects of your blockchain development. We build custom
              smart contracts, dApps, and entire protocol deployments with a focus on efficiency, security, and
              innovation.
            </p>
          </div>
        </div>
      </div>
    </section>

    <!-- About/Value Section -->
    <section id="about" class="py-20 bg-gray-950">
      <div class="container mx-auto px-6">
        <h2 class="text-4xl md:text-5xl font-bold text-center text-white mb-12">
          Uncompromising Quality
        </h2>
        <div class="max-w-3xl mx-auto text-center">
          <p class="text-lg text-gray-400 leading-relaxed mb-6">
            At Aphyla, we believe that security and innovation go hand-in-hand. Our team is composed of seasoned experts
            with deep knowledge of the blockchain ecosystem. We work with both large-scale protocols and ambitious
            startups, delivering a premium, bespoke service that is tailored to your unique needs. Our commitment to
            excellence is not just a promise; it's the foundation of every solution we build.
          </p>
          <p class="text-lg text-gray-400 leading-relaxed">
            We don't just solve problems; we prevent them. Choose Aphyla for a partnership that ensures the integrity
            and success of your project.
          </p>
        </div>
      </div>
    </section>

    <!-- Contact/Footer Section -->
    <footer id="contact" class="py-20 bg-gray-900">
      <div class="container mx-auto px-6 text-center">
        <h2 class="text-4xl font-bold text-white mb-4">
          Ready to Fortify Your Project?
        </h2>
        <p class="text-lg text-gray-400 mb-8">
          Let's discuss how our expertise can secure your smart contracts and
          accelerate your development.
        </p>
        <a href="mailto:aphyla@aphyla.com"
          class="inline-block px-10 py-4 bg-gradient-to-r from-blue-500 to-purple-600 text-white font-semibold rounded-full shadow-lg hover:from-blue-600 hover:to-purple-700 transition-transform transform hover:scale-105 duration-300">
          Send us an Email
        </a>
      </div>
      <div class="mt-8 text-center text-gray-500">
        <p>&copy; 2025 Aphyla. All Rights Reserved.</p>
      </div>
    </footer>
  </main>
</body>

</html>