Update src/app/page.tsx
This commit is contained in:
109
src/app/page.tsx
109
src/app/page.tsx
@@ -9,118 +9,43 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
|
||||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Star, Shield, Zap, CheckCircle } from 'lucide-react';
|
||||
import { Shield, Zap, Target } from 'lucide-react';
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
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 defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={navItems}
|
||||
brandName="Webild"
|
||||
/>
|
||||
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="Webild" />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="Build Your Future"
|
||||
description="Next-generation digital solutions for modern businesses."
|
||||
background={{ variant: "animated-grid" }}
|
||||
/>
|
||||
<HeroBillboard title="Welcome to Our Platform" description="We build innovative digital solutions." background={{ variant: "animated-grid" }} />
|
||||
</div>
|
||||
<div id="trust" data-section="trust">
|
||||
<SocialProofOne
|
||||
names={["Acme Corp", "Global Tech", "Innovate Inc", "Next Gen"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Partnering with world-class companies."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<SocialProofOne names={["Company A", "Company B", "Company C"]} title="Trusted by Leaders" description="Our partners are the backbone of our success." textboxLayout="default" />
|
||||
</div>
|
||||
<div id="manifesto" data-section="manifesto">
|
||||
<AboutMetric
|
||||
title="Our Impact"
|
||||
metrics={[
|
||||
{ icon: Shield, label: "Security", value: "99.9%" },
|
||||
{ icon: Zap, label: "Efficiency", value: "10x" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<AboutMetric title="Our Impact" metrics={[{ icon: Shield, label: "Trust", value: "100%" }, { icon: Zap, label: "Speed", value: "2x" }]} metricsAnimation="slide-up" />
|
||||
</div>
|
||||
<div id="servicios" data-section="servicios">
|
||||
<FeatureCardThree
|
||||
title="Core Services"
|
||||
description="Comprehensive digital infrastructure."
|
||||
features={[
|
||||
{ title: "Cloud", description: "High performance computing", imageSrc: "https://images.unsplash.com/photo-1451187580459-43490279c0fa" },
|
||||
{ title: "AI", description: "Advanced intelligence", imageSrc: "https://images.unsplash.com/photo-1677442136019-21780ecad995" },
|
||||
{ title: "Data", description: "Insightful analytics", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71" }
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<FeatureCardThree title="Our Services" description="We provide high-quality services for your business." features={[{ title: "Strategy", description: "Planning your growth", imageSrc: "/service1.jpg" }, { title: "Development", description: "Building your vision", imageSrc: "/service2.jpg" }]} gridVariant="bento-grid" animationType="blur-reveal" textboxLayout="default" />
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Client Stories"
|
||||
description="Hear from our partners."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alice", handle: "@alice", testimonial: "Amazing results!", icon: Star },
|
||||
{ id: "2", name: "Bob", handle: "@bob", testimonial: "Highly professional.", icon: CheckCircle }
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<TestimonialCardSix title="Client Stories" description="Hear what our clients have to say about us." testimonials={[{ id: "1", name: "John Doe", handle: "@johndoe", testimonial: "Amazing results!" }, { id: "2", name: "Jane Smith", handle: "@janesmith", testimonial: "Professional and reliable." }]} animationType="slide-up" textboxLayout="default" />
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
title="Latest Insights"
|
||||
description="Updates from our team."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
blogs={[
|
||||
{ id: "1", category: "Tech", title: "Future of AI", excerpt: "Trends to watch.", imageSrc: "https://images.unsplash.com/photo-1677442136019-21780ecad995", authorName: "Admin", authorAvatar: "https://images.unsplash.com/photo-1535713875002-d1d0cf377fde", date: "2024-01-01" },
|
||||
{ id: "2", category: "Cloud", title: "Cloud Native", excerpt: "Best practices.", imageSrc: "https://images.unsplash.com/photo-1451187580459-43490279c0fa", authorName: "Admin", authorAvatar: "https://images.unsplash.com/photo-1535713875002-d1d0cf377fde", date: "2024-01-02" },
|
||||
{ id: "3", category: "Data", title: "Big Data", excerpt: "Handling scale.", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71", authorName: "Admin", authorAvatar: "https://images.unsplash.com/photo-1535713875002-d1d0cf377fde", date: "2024-01-03" }
|
||||
]}
|
||||
/>
|
||||
<BlogCardThree title="Latest Insights" description="Read our latest posts on tech and innovation." animationType="blur-reveal" textboxLayout="default" blogs={[{ id: "1", category: "Tech", title: "Future of AI", excerpt: "How AI changes everything.", imageSrc: "/blog1.jpg", authorName: "Admin", authorAvatar: "/avatar1.jpg", date: "2023-10-01" }, { id: "2", category: "Web", title: "Next.js Tips", excerpt: "Optimize your apps.", imageSrc: "/blog2.jpg", authorName: "Dev", authorAvatar: "/avatar2.jpg", date: "2023-10-02" }]} />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to transform your business?"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<ContactText text="Let's build something great together." background={{ variant: "gradient-bars" }} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Webild"
|
||||
columns={[
|
||||
{ title: "Products", items: [{ label: "Features", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
<FooterBaseReveal logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user