<![CDATA[<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Creative Corporate Agency</title>
<link href="https://fonts.googleapis.com" rel="stylesheet">
<style>
body { font-family: 'Inter', sans-serif; background-color: #060714; color: white; overflow-x: hidden; }
.serif { font-family: 'Playfair Display', serif; }
/* Light Beam & Pedestal Styling */
.light-beam {
clip-path: polygon(40% 0%, 60% 0%, 100% 100%, 0% 100%);
background: linear-gradient(to bottom, rgba(0, 242, 255, 0.35), transparent);
}
.pedestal {
background: radial-gradient(ellipse at center, #00f2ff 0%, #007a82 100%);
border-radius: 50%;
transform: rotateX(60deg);
box-shadow: 0 10px 40px rgba(0, 242, 255, 0.4);
}
</style>
</head>
<body>
<!-- Navbar -->
<nav>
LOGO HERE
<a href="#">Home</a>
<a href="#">About Us</a>
<a href="#">Services</a>
<a href="#">Contact</a>
<button>
Login
</button>
</nav>
<!-- Hero Section -->
<main>
<!-- Left Side Text -->
<!-- Updated Heading to White -->
<h1>
Creative
</h1>
<h2>
Corporate Agency
</h2>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.
</p>
<button>
Learn More
</button>
<!-- Right Side Illustration -->
<!-- Lamp Cable -->
<!-- Lamp Head -->
<!-- Light Beam -->
<!-- 3D Pedestal and Icon -->
<!-- Floating Icon (Diamond Shape) -->
<!-- Pedestal Layers (3D Look) -->
</main>
</body>
</html>]]>
