Merge version_3 into main #3
122
src/app/page.tsx
122
src/app/page.tsx
@@ -4,14 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { FileText, Globe, ShieldCheck } from "lucide-react";
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -25,7 +24,7 @@ export default function LandingPage() {
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
@@ -35,7 +34,7 @@ export default function LandingPage() {
|
||||
{ name: "Solutions", id: "solutions" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Off Post"
|
||||
brandName="Off Post Library & Office"
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
@@ -43,22 +42,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Off Post Library & Offices"
|
||||
description="Precision documentation, specialized translation, and advanced retyping services powered by future-ready technology for modern professionals."
|
||||
logoText="Off Post Library & Office"
|
||||
description="Professional documentation, specialized translation, and design services for the modern workforce."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services", href: "#services"},
|
||||
{ text: "Our Services", href: "#services" },
|
||||
{ text: "Get Consultation", href: "#contact" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=elrnze"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Architects of Information"
|
||||
description="We bridge the gap between traditional library documentation and modern office efficiency. Our tech-driven solutions ensure your data is accurate, accessible, and globally relevant."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h4zt9v"
|
||||
title="Your Office Documentation Partner"
|
||||
description="We provide seamless, accurate, and high-quality solutions for businesses requiring meticulous retyping, translation, and technical documentation services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -68,109 +65,66 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Advanced Retyping", tags: ["OCR", "Manual"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4qmuro"},
|
||||
{
|
||||
id: "f2", title: "Multi-Language Translation", tags: ["Linguistic", "Tech"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b9v1aw"},
|
||||
{
|
||||
id: "f3", title: "Secure Archival", tags: ["Database", "Safety"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vruodb"},
|
||||
{ id: "f1", title: "Retyping Services", tags: ["OCR", "Data Entry", "Editing"] },
|
||||
{ id: "f2", title: "Translation & Linguistics", tags: ["Global", "Translation", "Localisation"] },
|
||||
{ id: "f3", title: "Technical Writing", tags: ["Documentation", "Manuals"] },
|
||||
{ id: "f4", title: "Logo Design", tags: ["Graphic Design", "Branding"] },
|
||||
]}
|
||||
title="Core Expertise"
|
||||
description="Comprehensive document solutions for a digital world."
|
||||
title="Our Core Services"
|
||||
description="Tailored solutions for your office and documentation workflow."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="solutions" data-section="solutions">
|
||||
<ProductCardTwo
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Tech", name: "Doc Processor v1", price: "$99", rating: 5,
|
||||
reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=owuv4u"},
|
||||
{
|
||||
id: "p2", brand: "Tech", name: "Archival Suite", price: "$199", rating: 5,
|
||||
reviewCount: "89", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jdz0k8"},
|
||||
{
|
||||
id: "p3", brand: "Tech", name: "LangTrans Pro", price: "$299", rating: 4,
|
||||
reviewCount: "210", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zr7ure"},
|
||||
{
|
||||
id: "p4", brand: "Tech", name: "Retype Automator", price: "$149", rating: 5,
|
||||
reviewCount: "45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ej0943"},
|
||||
{
|
||||
id: "p5", brand: "Tech", name: "Library Manager", price: "$249", rating: 4,
|
||||
reviewCount: "72", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8kxw8l"},
|
||||
{
|
||||
id: "p6", brand: "Tech", name: "Cloud Archive", price: "$399", rating: 5,
|
||||
reviewCount: "135", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=phefqr"},
|
||||
]}
|
||||
title="Digital Solutions"
|
||||
description="Ready-to-deploy technological toolsets for your office documentation workflow."
|
||||
title="Service Packages"
|
||||
description="Select the solution that fits your project needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
<MetricCardFourteen
|
||||
title="Quality Standards"
|
||||
tag="Our Commitment"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "50k+", title: "Documents Processed", description: "High-accuracy retyping.", icon: FileText,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "120+", title: "Languages Translated", description: "Global reach.", icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "99.9%", title: "Archival Safety", description: "Guaranteed security.", icon: ShieldCheck,
|
||||
},
|
||||
{ id: "m1", value: "99.9%", description: "Accuracy Rate" },
|
||||
{ id: "m2", value: "24/7", description: "Global Support" },
|
||||
{ id: "m3", value: "150+", description: "Project Types" },
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Key stats measuring our impact on office documentation productivity."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
<TestimonialCardTen
|
||||
title="What Our Clients Say"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah J.", role: "CEO", testimonial: "Exceptional service, truly transformed our archive workflows.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=02e7bj"},
|
||||
{
|
||||
id: "t2", name: "Michael K.", role: "Lead Architect", testimonial: "Their translation precision is unmatched by competitors.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i4qepe"},
|
||||
{
|
||||
id: "t3", name: "Elena R.", role: "Product Manager", testimonial: "Highly reliable retyping and documentation tech solutions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=itaia2"},
|
||||
{
|
||||
id: "t4", name: "David W.", role: "Lead Researcher", testimonial: "The archival suite saved us months of manual work.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w1la9u"},
|
||||
{
|
||||
id: "t5", name: "Linda M.", role: "Head Consultant", testimonial: "Professional, fast, and very tech-oriented approach.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o5me9y"},
|
||||
{ id: "t1", title: "Professional Work", quote: "The retyping was incredibly accurate and delivered on time.", name: "Alex P.", role: "Managing Director" },
|
||||
{ id: "t2", title: "Excellent Support", quote: "Professional, responsive, and high quality work.", name: "Jordan S.", role: "Consultant" },
|
||||
]}
|
||||
title="Client Success"
|
||||
description="What our global partners say about our documentation tech."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to digitize your library? Contact our office team for a consultation."
|
||||
text="Partner with us to streamline your documentation. Contact us today for a free project assessment."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Off Post"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
<FooterLogoEmphasis
|
||||
logoText="Off Post Library & Office"
|
||||
columns={[
|
||||
{ items: [{ label: "Documentation" }, { label: "Translation" }, { label: "Design" }] },
|
||||
{ items: [{ label: "Privacy" }, { label: "Terms" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user