bender/d66403e9-e7ac-404f-b6f3-fdccab86698a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-01 10:46:12 +00:00
parent 16281f4025 53dbda5987
commit a84eb23f38
2 changed files with 167 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/layout.tsx
View File

@@ -11,8 +11,8 @@ import { DM_Sans } from "next/font/google";
export const metadata: Metadata = {
title: 'TechLogic Consulting | Enterprise IT Consultancy',
description: 'Leading IT consultancy specializing in strategic planning, cybersecurity, and data insights to empower your business operations.',
title: 'TechLogic Consulting | IT Solutions for Modern Business',
description: 'Expert IT consultancy and scalable software solutions to innovate, scale, and secure your digital future.',
openGraph: {
"title": "TechLogic Consulting",
"description": "Empowering business growth with expert IT strategy and software solutions.",

326
src/app/page.tsx
View File

@@ -2,185 +2,189 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Shield, Rocket, BarChart3, Code2 } from 'lucide-react';
export default function LandingPage() {
export default function Page() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="subtle-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="subtle-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Insights", id: "blog" },
{ name: "Contact", id: "contact" },
]}
brandName="TechLogic Consulting"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Blog", id: "blog" },
{ name: "Contact", id: "contact" }
]}
brandName="TechLogic Consulting"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Empowering Your Business Through Strategic IT"
description="We architect robust software solutions and provide expert IT consultancy to help your organization innovate, scale, and secure your digital future."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg", imageAlt: "IT Consulting Workspace" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-background-business-network-design_53876-160252.jpg", imageAlt: "IT Architecture" },
{ imageSrc: "http://img.b2bpic.net/free-photo/connected-elements_1134-92.jpg", imageAlt: "Cyber Security Analyst" },
{ imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-cafe_53876-94719.jpg", imageAlt: "Tech Strategy Workshop" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", imageAlt: "IT Metrics Dashboard" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/concept-online-storage_1048-2913.jpg", imageAlt: "IT Consulting Workspace" },
{ imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-works-computer-solve-finance-tasks-meeting-objectives-coming-up-with_482257-133471.jpg", imageAlt: "IT Architecture" },
{ imageSrc: "http://img.b2bpic.net/free-photo/computer-program-code_1385-530.jpg", imageAlt: "Software Engineering" },
{ imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg", imageAlt: "IT Analytics" },
{ imageSrc: "http://img.b2bpic.net/free-photo/reading-statistics_1098-13505.jpg", imageAlt: "IT Strategy Session" },
]}
buttons={[
{ text: "Explore Services", href: "#features" },
{ text: "Contact Us", href: "#contact" },
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Empowering Your Business Through Strategic IT"
description="We architect robust software solutions and provide expert IT consultancy to help your organization innovate, scale, and secure your digital future."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg", imageAlt: "IT Consulting Workspace" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-background-business-network-design_53876-160252.jpg", imageAlt: "IT Architecture" },
{ imageSrc: "http://img.b2bpic.net/free-photo/connected-elements_1134-92.jpg", imageAlt: "Cyber Security Analyst" },
{ imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-cafe_53876-94719.jpg", imageAlt: "Tech Strategy Workshop" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", imageAlt: "IT Metrics Dashboard" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/concept-online-storage_1048-2913.jpg", imageAlt: "IT Consulting Workspace" },
{ imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-works-computer-solve-finance-tasks-meeting-objectives-coming-up-with_482257-133471.jpg", imageAlt: "IT Architecture" },
{ imageSrc: "http://img.b2bpic.net/free-photo/computer-program-code_1385-530.jpg", imageAlt: "Software Engineering" },
{ imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg", imageAlt: "IT Analytics" },
{ imageSrc: "http://img.b2bpic.net/free-photo/reading-statistics_1098-13505.jpg", imageAlt: "IT Strategy Session" }
]}
buttons={[
{ text: "Explore Services", href: "#features" },
{ text: "Contact Us", href: "#contact" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
textboxLayout="inline-image"
useInvertedBackground={true}
features={[
{ title: "Cybersecurity Audit", description: "Protect your assets with proactive threat intelligence.", imageSrc: "http://img.b2bpic.net/free-photo/project-manager-examining-key-performance-metrics-ensure-business-success_482257-91058.jpg", buttonIcon: Shield },
{ title: "Strategic Planning", description: "Long-term technology roadmap development.", imageSrc: "http://img.b2bpic.net/free-photo/executive-board-members-meeting-conference-room-establish-growth_482257-117186.jpg", buttonIcon: Rocket },
{ title: "Data Insights", description: "Harness the power of your business data.", imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-office-with-high-tech-technology-dual-monitors-used-developing-business_482257-132975.jpg", buttonIcon: BarChart3 },
{ title: "Software Development", description: "Custom enterprise-grade software development.", imageSrc: "http://img.b2bpic.net/free-photo/admin-writing-code-doing-maintenance-artificial-intelligence-neural-networks_482257-126864.jpg", buttonIcon: Code2 },
]}
title="Comprehensive IT Capabilities"
description="Our suite of professional services is designed to streamline your operations."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
textboxLayout="inline-image"
useInvertedBackground={true}
features={[
{ title: "Cybersecurity Audit", description: "Protect your assets with proactive threat intelligence.", imageSrc: "http://img.b2bpic.net/free-photo/project-manager-examining-key-performance-metrics-ensure-business-success_482257-91058.jpg", buttonIcon: Shield },
{ title: "Strategic Planning", description: "Long-term technology roadmap development.", imageSrc: "http://img.b2bpic.net/free-photo/executive-board-members-meeting-conference-room-establish-growth_482257-117186.jpg", buttonIcon: Rocket },
{ title: "Data Insights", description: "Harness the power of your business data.", imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-office-with-high-tech-technology-dual-monitors-used-developing-business_482257-132975.jpg", buttonIcon: BarChart3 },
{ title: "Software Development", description: "Custom enterprise-grade software development.", imageSrc: "http://img.b2bpic.net/free-photo/admin-writing-code-doing-maintenance-artificial-intelligence-neural-networks_482257-126864.jpg", buttonIcon: Code2 }
]}
title="Comprehensive IT Capabilities"
description="Our suite of professional services is designed to streamline your operations."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
metrics={[
{ id: "m1", value: "150+", description: "Successful Projects" },
{ id: "m2", value: "99.9%", description: "Uptime Guaranteed" },
{ id: "m3", value: "40%", description: "Operational Efficiency Gain" },
]}
title="Impact by the Numbers"
description="Delivering measurable success for clients across the globe."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "150+", description: "Successful Projects" },
{ id: "m2", value: "99.9%", description: "Uptime Guaranteed" },
{ id: "m3", value: "40%", description: "Operational Efficiency Gain" }
]}
title="Impact by the Numbers"
description="Delivering measurable success for clients across the globe."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah Jenkins", role: "CEO", company: "GlobalTrade", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg" },
{ id: "2", name: "Michael Thorne", role: "CTO", company: "Innovate Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg" },
{ id: "3", name: "Emily Chen", role: "Marketing Director", company: "Techify", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-flannel-suit-glasses-standing-against-brick-wall_613910-6746.jpg" },
{ id: "4", name: "David Miller", role: "VP Operations", company: "ScaleUp Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg" },
{ id: "5", name: "Jessica Wright", role: "Product Manager", company: "LogicFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-reviewing-financial-data-isolated-mockup-working-report-writing_482257-136137.jpg" },
]}
title="Trusted by Leaders"
description="Hear from our partners about the impact we've made."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah Jenkins", role: "CEO", company: "GlobalTrade", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg" },
{ id: "2", name: "Michael Thorne", role: "CTO", company: "Innovate Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg" },
{ id: "3", name: "Emily Chen", role: "Marketing Director", company: "Techify", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-flannel-suit-glasses-standing-against-brick-wall_613910-6746.jpg" },
{ id: "4", name: "David Miller", role: "VP Operations", company: "ScaleUp Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg" },
{ id: "5", name: "Jessica Wright", role: "Product Manager", company: "LogicFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-reviewing-financial-data-isolated-mockup-working-report-writing_482257-136137.jpg" }
]}
title="Trusted by Leaders"
description="Hear from our partners about the impact we've made."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
names={["Google Cloud", "Microsoft Azure", "AWS", "Salesforce", "Atlassian", "Slack", "Okta"]}
title="Technology Partners"
description="We collaborate with leading platforms to deliver excellence."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Google Cloud", "Microsoft Azure", "AWS", "Salesforce", "Atlassian", "Slack", "Okta"]}
title="Technology Partners"
description="We collaborate with leading platforms to deliver excellence."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "How do you start a consulting project?", content: "We begin with a discovery session." },
{ id: "f2", title: "Do you provide long-term support?", content: "Yes, we offer managed service agreements." },
{ id: "f3", title: "Which industries do you serve?", content: "We support businesses in healthcare, finance, retail." },
]}
imageSrc="http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg"
title="Frequently Asked Questions"
description="Have questions? We're here to help."
faqsAnimation="slide-up"
mediaAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "How do you start a consulting project?", content: "We begin with a discovery session." },
{ id: "f2", title: "Do you provide long-term support?", content: "Yes, we offer managed service agreements." },
{ id: "f3", title: "Which industries do you serve?", content: "We support businesses in healthcare, finance, retail." }
]}
imageSrc="http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg"
title="Frequently Asked Questions"
description="Have questions? We're here to help."
faqsAnimation="slide-up"
mediaAnimation="slide-up"
/>
</div>
<div id="blog" data-section="blog">
<BlogCardThree
animationType="slide-up"
textboxLayout="default"
title="Latest Insights"
description="Stay updated on the evolving landscape."
blogs={[
{ id: "b1", category: "Cloud", title: "Scalable Infrastructure", excerpt: "Systems that scale.", imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893456.jpg", authorName: "Alex", authorAvatar: "http://img.b2bpic.net/free-photo/businessman-with-tablet_1098-135.jpg", date: "Oct 12, 2024" },
{ id: "b2", category: "AI", title: "Generative AI", excerpt: "Practical AI application.", imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-system-using-complex-language-code-deep-learning-neural-network-programming-model-solving-operations-using-massive-computational-power-3d-render-animation_482257-66217.jpg", authorName: "Sarah", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", date: "Oct 10, 2024" },
{ id: "b3", category: "Security", title: "Remote Enterprise", excerpt: "Modern protocols.", imageSrc: "http://img.b2bpic.net/free-photo/illustration-smart-house-invention-automation-technology_53876-165266.jpg", authorName: "John", authorAvatar: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg", date: "Oct 05, 2024" },
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Latest Insights"
description="Stay updated on the evolving landscape."
blogs={[
{ id: "b1", category: "Cloud", title: "Scalable Infrastructure", excerpt: "Systems that scale.", imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893456.jpg", authorName: "Alex", authorAvatar: "http://img.b2bpic.net/free-photo/businessman-with-tablet_1098-135.jpg", date: "Oct 12, 2024" },
{ id: "b2", category: "AI", title: "Generative AI", excerpt: "Practical AI application.", imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-system-using-complex-language-code-deep-learning-neural-network-programming-model-solving-operations-using-massive-computational-power-3d-render-animation_482257-66217.jpg", authorName: "Sarah", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", date: "Oct 10, 2024" },
{ id: "b3", category: "Security", title: "Remote Enterprise", excerpt: "Modern protocols.", imageSrc: "http://img.b2bpic.net/free-photo/illustration-smart-house-invention-automation-technology_53876-165266.jpg", authorName: "John", authorAvatar: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg", date: "Oct 05, 2024" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Start Your IT Transformation"
description="Let's discuss how we can help your business thrive."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "company", type: "text", placeholder: "Your Company" },
]}
textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/close-up-view-modern-skyscrapers-office-buildings_23-2148836746.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Start Your IT Transformation"
description="Let's discuss how we can help your business thrive."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "company", type: "text", placeholder: "Your Company" }
]}
textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/close-up-view-modern-skyscrapers-office-buildings_23-2148836746.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
{ title: "Services", items: [{ label: "Security", href: "#features" }, { label: "Strategy", href: "#features" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
bottomLeftText="© 2024 TechLogic Consulting."
bottomRightText="Built for IT Consultants"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
{ title: "Services", items: [{ label: "Security", href: "#features" }, { label: "Strategy", href: "#features" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
bottomLeftText="© 2024 TechLogic Consulting."
bottomRightText="Built for IT Consultants"
/>
</div>
</ReactLenis>
</ThemeProvider>
);