Update src/app/page.tsx
This commit is contained in:
139
src/app/page.tsx
139
src/app/page.tsx
@@ -1,5 +1,138 @@
|
||||
import { redirect } from 'next/navigation';
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/components/theme-provider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
||||
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
||||
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
|
||||
import { Sparkles, CheckCircle, Star } from "lucide-react"; // Common icons
|
||||
|
||||
export default function Home() {
|
||||
redirect('/components');
|
||||
}
|
||||
const navItems = [
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLarge"
|
||||
background="none"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
brandName="Webild"
|
||||
logoSrc="https://images.unsplash.com/photo-1596541223130-5d31a735b12f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=40&q=40"
|
||||
logoAlt="Webild Logo"
|
||||
/>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
title="Your Vision, Our Code. Seamlessly Built."
|
||||
description="Transforming ideas into exceptional digital experiences with cutting-edge components and intuitive design."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Jane Doe", handle: "@janedoe", testimonial: "This platform has revolutionized our workflow. Highly recommend!", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29329?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8cHJvZmlsZSUyMHBpY3xlbnwwfHwwfHx8MA%3D%3D"
|
||||
},
|
||||
{
|
||||
name: "John Smith", handle: "@johnsmith", testimonial: "Incredible design and functionality. A game-changer for our business.", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8N3x8cHJvZmlsZSUyMHBpY3xlbnwwfHwwfHx8MA%3D%3D"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "/#features" },
|
||||
{ text: "Learn More", href: "/#pricing" }
|
||||
]}
|
||||
imageSrc="https://images.unsplash.com/photo-1517694712202-14dd9538aa97?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1600&q=80"
|
||||
useInvertedBackground={false}
|
||||
tag="Innovate"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
title="Key Features That Drive Success"
|
||||
description="Discover the powerful features that make our platform stand out."
|
||||
features={[
|
||||
{ icon: Sparkles, title: "Intuitive Design", description: "Craft beautiful interfaces with ease and precision." },
|
||||
{ icon: CheckCircle, title: "Seamless Integration", description: "Connect with your favorite tools and services effortlessly." },
|
||||
{ icon: Star, title: "Robust Performance", description: "Experience lightning-fast speeds and unparalleled reliability." },
|
||||
{ icon: Sparkles, title: "Customizable Components", description: "Tailor every element to fit your brand's unique identity." },
|
||||
{ icon: CheckCircle, title: "Scalable Architecture", description: "Grow your platform without limits, built for the future." },
|
||||
{ icon: Star, title: "Dedicated Support", description: "Our team is here to help you every step of the way." }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
title="Flexible Plans for Every Need"
|
||||
description="Choose a plan that scales with your business and offers the best value."
|
||||
plans={[
|
||||
{
|
||||
id: "starter", tag: "Starter", price: "$29", period: "/month", description: "Perfect for individuals and small teams.", button: { text: "Start Free Trial", href: "#" },
|
||||
featuresTitle: "Includes:", features: ["Access to basic features", "5 projects", "Community support"]
|
||||
},
|
||||
{
|
||||
id: "pro", tag: "Pro", tagIcon: Sparkles,
|
||||
price: "$99", period: "/month", description: "Ideal for growing businesses and agencies.", button: { text: "Get Pro", href: "#" },
|
||||
featuresTitle: "Everything in Starter, plus:", features: ["Unlimited projects", "Advanced analytics", "Priority support", "Custom branding"]
|
||||
},
|
||||
{
|
||||
id: "enterprise", tag: "Enterprise", price: "Custom", period: "", description: "Tailored solutions for large organizations.", button: { text: "Contact Sales", href: "#" },
|
||||
featuresTitle: "All Pro features, plus:", features: ["Dedicated account manager", "SLA guarantee", "On-premise deployment", "Advanced security"]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<FooterMedia
|
||||
logoText="Webild"
|
||||
imageSrc="https://images.unsplash.com/photo-1517694712202-14dd9538aa97?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1600&q=80"
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/#features" },
|
||||
{ label: "Pricing", href: "/#pricing" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Webild. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user