fixed nav and hero section design
This commit is contained in:
@@ -39,11 +39,7 @@ export default function ServicesSection() {
|
||||
|
||||
return (
|
||||
<section id="services" ref={ref} className="py-20 relative overflow-hidden">
|
||||
{/* Background decoration */}
|
||||
<div className="absolute inset-0 opacity-30">
|
||||
<div className="absolute bottom-1/2 left-0 w-96 h-96 bg-primary rounded-full blur-[200px]" />
|
||||
<div className="absolute bottom-0 right-0 w-80 h-80 bg-primary rounded-full blur-[200px]" />
|
||||
</div>
|
||||
|
||||
|
||||
<div className="container mx-auto px-4 relative z-10">
|
||||
{/* Section Header */}
|
||||
@@ -57,7 +53,7 @@ export default function ServicesSection() {
|
||||
Our Expertise
|
||||
</span>
|
||||
<h2 className="text-3xl md:text-4xl lg:text-5xl font-bold mb-4">
|
||||
What We <span className="text-primary neon-text-glow">Do</span>
|
||||
What We <span className="text-primary">Do</span>
|
||||
</h2>
|
||||
<p className="text-muted-foreground max-w-2xl mx-auto text-lg">
|
||||
We deliver comprehensive technology solutions that empower
|
||||
@@ -79,9 +75,9 @@ export default function ServicesSection() {
|
||||
{/* Card */}
|
||||
<div className="relative h-full p-6 rounded-2xl bg-primary/5 transition-all duration-300 overflow-hidden">
|
||||
{/* Glow effect on hover */}
|
||||
<div className="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500">
|
||||
{/* <div className="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500">
|
||||
<div className="absolute inset-0 bg-gradient-to-br from-primary/10 to-transparent" />
|
||||
</div>
|
||||
</div> */}
|
||||
|
||||
{/* Icon */}
|
||||
<motion.div
|
||||
|
||||
Reference in New Issue
Block a user