Merge version_3 into main

Merge version_3 into main
This commit was merged in pull request #3.
This commit is contained in:
2026-05-04 23:50:05 +00:00
2 changed files with 91 additions and 26 deletions

65
src/app/games/page.tsx Normal file
View File

@@ -0,0 +1,65 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { CheckCircle, Zap, Shield } from "lucide-react";
export default function GamesPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="small"
sizing="mediumSizeLargeTitles"
background="none"
cardStyle="soft-shadow"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Games", id: "/games" },
{ name: "Features", id: "/features" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Google Docs"
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
title="Integrated Games & Tools"
description="Boost your productivity with our suite of integrated tools and mini-apps built directly into your workflow."
features={[
{ icon: CheckCircle, title: "Task Flow", description: "Manage your daily tasks with ease." },
{ icon: Zap, title: "Lightning Edit", description: "Fast document processing technology." },
{ icon: Shield, title: "Secure Sync", description: "Enterprise grade protection." },
]}
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Google Docs"
columns={[
{ title: "Suite", items: [{ label: "Docs", href: "/" }, { label: "Games", href: "/games" }] },
{ title: "Support", items: [{ label: "Help Center", href: "/contact" }, { label: "Terms", href: "/" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -41,10 +41,10 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "plain" }}
title="Access Google Docs with your account"
description="Create, edit, and collaborate on documents from anywhere, securely. Access your spreadsheets, presentations, and documents across all devices."
title="Create. Edit. Collaborate. Anywhere."
description="Google Docs brings your documents to life with smart editing and styling tools. Collaborate in real-time from any device, anywhere in the world."
testimonials={[
{ name: "Sarah J.", handle: "@sarahj", testimonial: "Google Docs transformed our team workflow completely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-mature-business-leader-with-laptop_74855-3534.jpg?_wi=1" },
{ name: "Alice P.", handle: "@alicep", testimonial: "The real-time collaboration has completely changed our team meetings.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-mature-business-leader-with-laptop_74855-3534.jpg?_wi=1" },
]}
buttons={[{ text: "Get Started", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-vector/dashboard-admin-panel_23-2148372053.jpg?_wi=1"
@@ -55,11 +55,11 @@ export default function LandingPage() {
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Everything You Need in One Place"
description="Google Docs is part of a comprehensive suite of productivity tools designed to make your daily work simpler and more effective."
title="Productivity Redefined"
description="Google Docs is more than just a word processor—it's a hub for seamless productivity, integrated perfectly with Sheets and Slides to streamline your workflow."
metrics={[
{ value: "Collaboration", title: "Real-time" },
{ value: "Security", title: "World-class" },
{ value: "Real-time", title: "Collaboration" },
{ value: "Security", title: "Reliable Infrastructure" },
]}
imageSrc="http://img.b2bpic.net/free-photo/two-smiling-businessmen-standing-near-window-having-conversation-office_23-2147899772.jpg?_wi=1"
mediaAnimation="blur-reveal"
@@ -69,12 +69,12 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureCardTwentyOne
useInvertedBackground={false}
title="Core Games & Tools"
description="Explore the powerful features integrated within your Google Docs ecosystem."
title="Comprehensive Tools"
description="Harness the power of the Google ecosystem to produce, track, and present your best work yet."
accordionItems={[
{ id: "f1", title: "Collaborative Docs", content: "Write and edit in real-time." },
{ id: "f2", title: "Spreadsheet Power", content: "Powerful data analysis and tracking." },
{ id: "f3", title: "Presentation Suite", content: "Create stunning slides for meetings." },
{ id: "f1", title: "Document Editing", content: "Smart writing tools, including grammar and spelling suggestions that help you write with confidence." },
{ id: "f2", title: "Smart Sheets", content: "Analyze, visualize, and present data with intelligent spreadsheet features built for clarity." },
{ id: "f3", title: "Slide Presentations", content: "Design compelling presentations in minutes with integrated layout tools and shared themes." },
]}
imageSrc="http://img.b2bpic.net/free-photo/website-hosting-concept-with-cloud_23-2149406777.jpg?_wi=1"
mediaAnimation="slide-up"
@@ -88,12 +88,12 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "1B+ Users", description: "Trusted globally." },
{ id: "m2", value: "Secure", description: "Privacy first." },
{ id: "m3", value: "Sync", description: "Across all devices." },
{ id: "m1", value: "1B+ Users", description: "Trusted by individuals and global enterprises alike." },
{ id: "m2", value: "99.9% Up", description: "Consistent uptime for your peace of mind." },
{ id: "m3", value: "Global", description: "Collaborate without borders or device limitations." },
]}
title="Engineered for Productivity"
description="Performance you can rely on, everywhere you go."
title="Performance at Scale"
description="Engineered for reliability, security, and global accessibility."
/>
</div>
@@ -104,11 +104,11 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
members={[
{ id: "t1", name: "Engineering Team", role: "Cloud & Security", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-admin-panel_23-2148372053.jpg" },
{ id: "t2", name: "Product Design", role: "UX/UI Experts", imageSrc: "http://img.b2bpic.net/free-photo/website-hosting-concept-with-cloud_23-2149406777.jpg" },
{ id: "t1", name: "Engineering Team", role: "Cloud Architecture", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-admin-panel_23-2148372053.jpg" },
{ id: "t2", name: "Product Design", role: "User Experience", imageSrc: "http://img.b2bpic.net/free-photo/website-hosting-concept-with-cloud_23-2149406777.jpg" },
]}
title="Our Commitment to You"
description="A dedicated team building tools that empower your work."
title="Built by Experts"
description="Our dedicated global team works tirelessly to refine your digital workspace."
/>
</div>
@@ -118,18 +118,18 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Professional Suite", role: "Business", testimonial: "The integrated ecosystem is vital for our business growth.", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-mature-business-leader-with-laptop_74855-3534.jpg?_wi=2" },
{ id: "t1", name: "Jane Smith", role: "Project Manager", testimonial: "Google Docs has become the backbone of our operational excellence.", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-mature-business-leader-with-laptop_74855-3534.jpg?_wi=2" },
]}
title="Global User Feedback"
description="Millions trust the ecosystem every single day."
title="User Testimonials"
description="Join the global community that trusts our tools for daily productivity."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Get Started Now"
description="Join the millions using Google Docs to stay productive."
title="Start Your Journey"
description="Join the millions of users worldwide who rely on Google Docs for their daily productivity. Sign up today and experience the difference."
inputs={[
{ name: "email", type: "email", placeholder: "Enter your email" },
{ name: "name", type: "text", placeholder: "Your full name" },