Merge version_1 into main #4

Merged
bender merged 2 commits from version_1 into main 2026-04-11 21:24:30 +00:00
2 changed files with 38 additions and 43 deletions

View File

@@ -11,8 +11,8 @@ import { Playfair_Display, Inter } from "next/font/google";
export const metadata: Metadata = {
title: 'Webild - Digital Solutions',
description: 'Professional digital agency services for modern businesses.',
title: 'Webild | Digital Solutions',
description: 'Professional web development and digital solutions.',
};
const playfair = Playfair_Display({ variable: "--font-playfair", subsets: ["latin"] });

View File

@@ -10,82 +10,77 @@ import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Star, Shield, ArrowRight } from 'lucide-react';
const navItems = [{ name: 'Home', id: '/' }];
export default function Page() {
export default function HomePage() {
const navItems = [{ name: 'Home', id: '/' }];
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarStyleCentered navItems={navItems} brandName="Webild" />
<NavbarStyleCentered navItems={navItems} />
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Webild"
description="Elevating your digital presence with precision and style."
<HeroLogoBillboard
logoText="Webild"
description="Experience the future of digital presence."
buttons={[{ text: 'Get Started', href: '#reservas' }]}
background={{ variant: 'gradient-bars' }}
/>
</div>
<div id="especialidades" data-section="especialidades">
<ProductCardFour
title="Our Specialities"
description="Explore our curated selection of digital solutions."
<ProductCardFour
title="Our Services"
description="Tailored solutions for your business."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: '1', name: 'Web Design', price: 'Contact for Quote', variant: 'Premium', imageSrc: 'https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&q=80&w=800' },
{ id: '2', name: 'UX Strategy', price: 'Contact for Quote', variant: 'Professional', imageSrc: 'https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&q=80&w=800' },
{ id: '3', name: 'App Development', price: 'Contact for Quote', variant: 'Enterprise', imageSrc: 'https://images.unsplash.com/photo-1551434678-e076c223a692?auto=format&fit=crop&q=80&w=800' }
{ id: '1', name: 'Web Design', price: '$999', variant: 'Professional', imageSrc: 'https://images.unsplash.com/photo-1547658719-da2b51169165' },
{ id: '2', name: 'App Development', price: '$1999', variant: 'Advanced', imageSrc: 'https://images.unsplash.com/photo-1555949963-aa9fe0c977eb' },
{ id: '3', name: 'SEO Marketing', price: '$499', variant: 'Standard', imageSrc: 'https://images.unsplash.com/photo-1563986768609-322da13575f3' }
]}
/>
</div>
<div id="sobre-nosotros" data-section="sobre-nosotros">
<TextAbout
title="About Our Journey"
<TextAbout
title="About Webild"
useInvertedBackground={true}
/>
</div>
<div id="reseñas" data-section="reseñas">
<TestimonialCardSixteen
title="Client Success Stories"
description="Hear from our valued partners."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
<TestimonialCardSixteen
title="Client Reviews"
description="What our partners say about us."
kpiItems={[
{ value: '100+', label: 'Projects' },
{ value: '98%', label: 'Satisfaction' },
{ value: '50+', label: 'Partners' }
{ value: '500+', label: 'Projects' },
{ value: '99%', label: 'Satisfaction' },
{ value: '24/7', label: 'Support' }
]}
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: '1', name: 'Jane Doe', role: 'CEO', company: 'Tech Corp', rating: 5 }
{ id: 't1', name: 'Alice', role: 'CEO', company: 'TechCo', rating: 5 }
]}
/>
</div>
<div id="reservas" data-section="reservas">
<ContactText
text="Ready to collaborate? Reach out today."
<ContactText
text="Ready to start your project? Contact us today!"
background={{ variant: 'plain' }}
useInvertedBackground={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
<FooterBaseCard
logoText="Webild"
columns={[{ title: 'Navigation', items: [{ label: 'Home', href: '/' }] }]}
columns={[{ title: 'Company', items: [{ label: 'About', href: '#' }] }]}
/>
</div>
</ThemeProvider>