Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #3.
This commit is contained in:
65
src/app/games/page.tsx
Normal file
65
src/app/games/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
@@ -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" },
|
||||
|
||||
Reference in New Issue
Block a user