Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #11.
This commit is contained in:
2026-04-05 02:37:08 +00:00

View File

@@ -8,7 +8,6 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ArrowRight, Zap, CheckCircle, Shield, Globe } from 'lucide-react';
const navItems = [
{ name: "Home", id: "/" },
@@ -27,22 +26,22 @@ export default function Page() {
<HeroSplitKpi title="Innovating for the Future" description="Building digital solutions that empower your growth with cutting-edge technology and design." background={{ variant: "canvas-reveal" }} kpis={[{ value: "100+", label: "Projects" }, { value: "50+", label: "Clients" }, { value: "98%", label: "Satisfaction" }]} enableKpiAnimation={true} imageSrc="https://images.unsplash.com/photo-1551434678-e076c223a692?q=80&w=2070&auto=format&fit=crop" />
</div>
<div id="services" data-section="services">
<FeatureCardTwentyNine title="Our Services" description="Comprehensive solutions tailored to your business needs." gridVariant="bento-grid" animationType="blur-reveal" textboxLayout="default" features={[{ title: "Web Design", description: "Crafting beautiful and functional websites.", imageSrc: "https://images.unsplash.com/photo-1547658719-da2b51169165?q=80&w=1964&auto=format&fit=crop", titleIconSrc: "", buttonText: "Learn More" }, { title: "App Dev", description: "Building robust applications.", imageSrc: "https://images.unsplash.com/photo-1555774698-0b77e0d5fac6?q=80&w=2070&auto=format&fit=crop", titleIconSrc: "", buttonText: "Learn More" }]} />
<FeatureCardTwentyNine title="Our Services" description="Comprehensive solutions tailored to your business needs." gridVariant="bento-grid" animationType="blur-reveal" textboxLayout="default" useInvertedBackground={false} features={[{ title: "Web Design", description: "Crafting beautiful and functional websites.", imageSrc: "https://images.unsplash.com/photo-1547658719-da2b51169165?q=80&w=1964&auto=format&fit=crop", titleIconSrc: "", buttonText: "Learn More" }, { title: "App Dev", description: "Building robust applications.", imageSrc: "https://images.unsplash.com/photo-1555774698-0b77e0d5fac6?q=80&w=2070&auto=format&fit=crop", titleIconSrc: "", buttonText: "Learn More" }]} />
</div>
<div id="about" data-section="about">
<SplitAbout title="About Us" description="Dedicated to excellence in everything we do, our team works to deliver high-quality digital experiences." textboxLayout="default" bulletPoints={[{ title: "Innovation", description: "We embrace new ideas." }, { title: "Integrity", description: "Honest business practices." }]} />
<SplitAbout title="About Us" description="Dedicated to excellence in everything we do, our team works to deliver high-quality digital experiences." textboxLayout="default" useInvertedBackground={false} bulletPoints={[{ title: "Innovation", description: "We embrace new ideas." }, { title: "Integrity", description: "Honest business practices." }]} />
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo title="What Our Clients Say" description="Hear from those we have worked with." animationType="slide-up" textboxLayout="default" testimonials={[{ id: "1", name: "Alice", role: "CEO", testimonial: "Fantastic work!" }, { id: "2", name: "Bob", role: "CTO", testimonial: "Professional and efficient." }]} />
<TestimonialCardTwo title="What Our Clients Say" description="Hear from those we have worked with." animationType="slide-up" textboxLayout="default" useInvertedBackground={false} testimonials={[{ id: "1", name: "Alice", role: "CEO", testimonial: "Fantastic work!" }, { id: "2", name: "Bob", role: "CTO", testimonial: "Professional and efficient." }]} />
</div>
<div id="process" data-section="process">
<MetricCardEleven title="Our Process" description="How we turn ideas into reality." animationType="scale-rotate" metrics={[{ id: "1", value: "1", title: "Discovery", description: "Understanding your vision.", imageSrc: "https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=2070&auto=format&fit=crop" }, { id: "2", value: "2", title: "Design", description: "Creating the blueprint.", imageSrc: "https://images.unsplash.com/photo-1586717791821-3f44a563daae?q=80&w=2070&auto=format&fit=crop" }]} />
<MetricCardEleven title="Our Process" description="How we turn ideas into reality." animationType="scale-rotate" textboxLayout="default" useInvertedBackground={false} metrics={[{ id: "1", value: "1", title: "Discovery", description: "Understanding your vision.", imageSrc: "https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=2070&auto=format&fit=crop" }, { id: "2", value: "2", title: "Design", description: "Creating the blueprint.", imageSrc: "https://images.unsplash.com/photo-1586717791821-3f44a563daae?q=80&w=2070&auto=format&fit=crop" }]} />
</div>
<div id="contact" data-section="contact">
<ContactText text="Ready to start your project? Let us build something amazing together." background={{ variant: "gradient-bars" }} />
<ContactText text="Ready to start your project? Let us build something amazing together." background={{ variant: "gradient-bars" }} useInvertedBackground={false} />
</div>
<div id="final-cta" data-section="final-cta">
<ContactText text="Don't wait, contact us today!" background={{ variant: "rotated-rays-static" }} />
<ContactText text="Don't wait, contact us today!" background={{ variant: "rotated-rays-static" }} useInvertedBackground={false} />
</div>
<div id="footer" data-section="footer">
<FooterBase logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} />