Merge version_1 into main #4
@@ -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"] });
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user