Switch to version 2: modified src/app/page.tsx

This commit is contained in:
2026-05-12 00:52:21 +00:00
parent d7f2a08b24
commit 090405e02e

View File

@@ -2,153 +2,156 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Megaphone, Target, BarChart3, Users, Star } from "lucide-react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout';
export default function UDDigitalMarketingPage() {
export default function HiveManagementPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="noiseDiagonalGradient"
cardStyle="glass-elevated"
sizing="mediumLarge"
background="floatingGradient"
cardStyle="glass-depth"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
<NavbarStyleCentered
navItems={[
{ name: "Services", id: "features" },
{ name: "Performance", id: "metrics" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
{ name: "Support", id: "contact" },
]}
brandName="UD Digital Marketing"
brandName="Hive Management"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Scale Your Brand with Digital Precision"
description="Data-driven marketing strategies tailored to elevate your business presence and drive measurable growth."
tag="UD Digital Marketing"
buttons={[{ text: "Start Your Growth" }, { text: "View Our Work" }]}
imageSrc="https://img.b2bpic.net/free-photo/marketing-strategy-meeting_23-2148737380.jpg"
<HeroBillboardTestimonial
background={{ variant: "sparkles-gradient" }}
title="Unified Management for Your Apiary Business"
description="Streamline your colony health, staff schedules, and harvest distribution with our enterprise-grade management platform."
tag="Hive Management Solutions"
testimonials={[
{ name: "Sarah Miller", handle: "@millers_honey", testimonial: "The centralization of hive records has increased our staff efficiency by 40%.", rating: 5 }
]}
buttons={[{ text: "Get Started" }, { text: "Request Demo" }]}
imageSrc="http://img.b2bpic.net/free-photo/hives-with-bees_93675-128598.jpg"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
tag="About Us"
title="Your Strategic Marketing Partner"
description="We bridge the gap between creative storytelling and analytical performance, helping brands connect with their ideal audience."
subdescription="Our experts specialize in multi-channel digital campaigns that maximize ROI and foster lasting customer relationships."
icon={Megaphone}
imageSrc="https://img.b2bpic.net/free-photo/diverse-business-team-working_23-2148440815.jpg"
<TextAbout
title="Empowering Business Operations in Apiary Science"
tag="Our Mission"
useInvertedBackground={false}
buttons={[{ text: "Read Our Story" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyNine
title="Tailored Digital Solutions"
description="Expertly crafted services to handle every aspect of your online presence."
gridVariant="three-columns-all-equal-width"
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
title="Comprehensive Administration"
description="Tools built to manage your inventory, staff, and bee health in one interface."
features={[
{ title: "SEO & Content", description: "Dominate search rankings and build authority with strategic content.", imageSrc: "https://img.b2bpic.net/free-photo/seo-optimization-concept_23-2148737380.jpg", titleImageSrc: "", buttonText: "Learn More" },
{ title: "Social Media", description: "Engaging content that drives community interaction and brand loyalty.", imageSrc: "https://img.b2bpic.net/free-photo/social-media-marketing_23-2148737380.jpg", titleImageSrc: "", buttonText: "Learn More" },
{ title: "Paid Advertising", description: "High-converting campaigns across all major advertising platforms.", imageSrc: "https://img.b2bpic.net/free-photo/paid-ad-strategy_23-2148737380.jpg", titleImageSrc: "", buttonText: "Learn More" }
{ id: "1", title: "Resource Planning", author: "Operations", description: "Automate your inventory procurement and resource allocation.", tags: ["Planning", "Enterprise"], imageSrc: "http://img.b2bpic.net/free-photo/beekeeper-working-bee-farm_23-2151441180.jpg" }
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
title="Proven Performance Metrics"
description="The data behind our digital strategies."
gridVariant="bento-grid"
animationType="blur-reveal"
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
title="Business Growth Metrics"
description="Track your bottom-line performance across all your apiary sites."
metrics={[
{ id: "1", icon: Target, title: "Client Retention", value: "98%" },
{ id: "2", icon: BarChart3, title: "Avg. Growth", value: "150%" },
{ id: "3", icon: Users, title: "Lead Gen", value: "12k+" }
{ id: "1", value: "85%", description: "Revenue growth in 2024" },
{ id: "2", value: "1.2M", description: "Pounds of honey processed" },
{ id: "3", value: "50+", description: "Regional sites managed" }
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
title="Transparent Campaign Plans"
description="Select the partnership tier that aligns with your scaling goals."
textboxLayout="split"
<PricingCardEight
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Transparent Enterprise Pricing"
description="Choose the right management suite for your operational scale."
plans={[
{ id: "start", title: "Growth", price: "$999", period: "/mo", features: ["SEO Audit", "Basic Ads", "Monthly Report"], button: { text: "Get Started" } },
{ id: "scale", title: "Scale", price: "$2,499", period: "/mo", features: ["Advanced SEO", "Full Ads Suite", "Weekly Reports", "Dedicated Manager"], button: { text: "Choose Scale" } }
{ id: "standard", badge: "Standard", price: "$499/mo", subtitle: "Essential management tools", buttons: [{ text: "Select Plan" }], features: ["Inventory Tracking", "Staff Roles", "Basic Reports"] },
{ id: "enterprise", badge: "Enterprise", price: "Custom", subtitle: "Full suite, dedicated support", buttons: [{ text: "Contact Sales" }], features: ["API Access", "Predictive AI Analytics", "Dedicated Consultant"] }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
title="Success Stories"
description="Don't just take our word for it—see what our partners say."
<TestimonialCardThirteen
showRating={true}
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Client Success Stories"
description="Hear from apiary businesses scaling with Hive Management."
testimonials={[
{ id: "1", name: "Alex P.", date: "Oct 2023", title: "Exceptional Growth", quote: "UD transformed our digital strategy and revenue.", tag: "Retail", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-successful-manager_23-2148440815.jpg" }
{ id: "1", name: "Alex Rivers", handle: "@riverbees", testimonial: "The only platform that handles the administrative complexity of large-scale beekeeping.", rating: 5 }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
title="Questions?"
description="We're here to clarify our process."
<FaqSplitText
sideTitle="Frequently Asked Questions"
sideDescription="Common queries about our administration service."
useInvertedBackground={false}
faqsAnimation="slide-up"
textboxLayout="split"
faqs={[
{ id: "1", title: "How do we measure success?", content: "We define clear KPIs at the start of every partnership and provide real-time reporting dashboards." }
{ id: "1", title: "Can I integrate my existing inventory?", content: "Yes, we provide standard API imports for most ERPs." }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Get in touch"
title="Ready to scale?"
description="Schedule your discovery call with our growth team today."
<ContactSplit
tag="Connect with us"
title="Talk to a Hive Management Expert"
description="Let's discuss how our administration tools can streamline your apiary business."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="UD Digital Marketing"
<FooterBase
logoText="Hive Management"
columns={[
{ title: "Solutions", items: [{ label: "SEO", href: "#" }, { label: "Ads", href: "#" }] },
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] }
{ title: "Business", items: [{ label: "Products", href: "#" }, { label: "Enterprise", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}