Update src/app/page.tsx
This commit is contained in:
276
src/app/page.tsx
276
src/app/page.tsx
@@ -3,13 +3,10 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,271 +27,72 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="PixelStudio"
|
||||
brandName="Tacos Lopez"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Empowering Next-Gen Gaming Experiences"
|
||||
description="We architect immersive worlds, develop seamless gameplay, and drive innovation for global gaming studios. Partner with the experts who live and breathe game tech."
|
||||
variant: "gradient-bars"}}
|
||||
title="Authentic Tacos, Crafted with Love"
|
||||
description="Experience the true taste of tradition at Tacos Lopez. Fresh ingredients, handmade tortillas, and recipes passed down through generations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "Our Story", href: "#about"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182534.jpg"
|
||||
imageAlt="Futuristic gaming studio visual"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tacos-with-meat-vegetables-wooden-table_23-2148197779.jpg"
|
||||
imageAlt="Delicious handmade tacos"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg",
|
||||
alt: "Alex Mercer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/scenes-famous-vlogger-recording-social-media-creative-young-man_482257-24887.jpg",
|
||||
alt: "Sarah Chen",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-business-man-playing-digital-notebook-with-smiling-confident-face-white-backgroundcopy-space_1258-103939.jpg",
|
||||
alt: "Marcus Thorne",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-photographer-woman-sitting-her-desk_23-2148424432.jpg",
|
||||
alt: "Elena Rodriguez",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/marketing-company-employee-sitting-desk-developing-management-plan-while-using-work-computer-office-worker-with-financial-knowledge-seeking-business-recovery-solution-while-using-desktop-pc_482257-40314.jpg",
|
||||
alt: "Jordan P.",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 50+ industry leaders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Unity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unreal Engine",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "WebAssembly",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "React Three Fiber",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Godot",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Proven Innovation, Pixel by Pixel"
|
||||
description="With over a decade in game engine integration and interactive web development, we translate complex gaming visions into high-performance digital realities for players and developers."
|
||||
title="The Tacos Lopez Story"
|
||||
description="What started in a small home kitchen over 30 years ago has become a local tradition. Our mission is to bring family-owned, authentic flavors to the community with sustainability and pride."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
value: "30+", title: "Years of Flavor"},
|
||||
{
|
||||
value: "12+",
|
||||
title: "Game Engines Mastered",
|
||||
},
|
||||
value: "100%", title: "Locally Sourced"},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Client Retention",
|
||||
},
|
||||
value: "∞", title: "Passionate Cooks"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-working-office_23-2149370554.jpg?_wi=1"
|
||||
imageAlt="Game development team in action"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-preparing-food-kitchen_23-2148281140.jpg"
|
||||
imageAlt="Chef preparing fresh ingredients"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Engineering",
|
||||
title: "Engine Architecture",
|
||||
subtitle: "Built for scale",
|
||||
description: "High-performance codebases optimized for AAA and indie projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148212565.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Creative",
|
||||
title: "Interactive Design",
|
||||
subtitle: "Visually stunning",
|
||||
description: "Immersive UI/UX that keeps players engaged from the first screen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/circuit-blue-background-with-lines-dots_1035-4516.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Performance",
|
||||
title: "Optimization & Tech",
|
||||
subtitle: "Seamless speed",
|
||||
description: "Deep engine optimizations to ensure smooth gameplay across all platforms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/performance-meter-cog_78370-8338.jpg",
|
||||
},
|
||||
]}
|
||||
title="Custom Development Services"
|
||||
description="Comprehensive technical solutions tailored for modern gaming studios."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Studio A",
|
||||
name: "Nebula Runner",
|
||||
price: "Action Game",
|
||||
rating: 5,
|
||||
reviewCount: "1200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/king-with-crown-digital-art_23-2151715158.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Studio B",
|
||||
name: "Cyber Sentinel",
|
||||
price: "Sci-Fi 3D",
|
||||
rating: 5,
|
||||
reviewCount: "890",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-half-rhino-with-futuristic-robotic-parts_23-2151742124.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Studio C",
|
||||
name: "Mystic Realms",
|
||||
price: "Strategy Web",
|
||||
rating: 5,
|
||||
reviewCount: "2100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-magic-landscape_23-2151502947.jpg",
|
||||
},
|
||||
]}
|
||||
title="Selected Studio Works"
|
||||
description="A glimpse into our recent interactive web & game development portfolio."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Mercer",
|
||||
handle: "@mercer_dev",
|
||||
testimonial: "Exceptional work on our core engine. Professional and highly technical.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
handle: "@chen_art",
|
||||
testimonial: "Their UI work is truly industry-leading. Beautiful, performant design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scenes-famous-vlogger-recording-social-media-creative-young-man_482257-24887.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne_studio",
|
||||
testimonial: "The best technical partners we've had in years. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-business-man-playing-digital-notebook-with-smiling-confident-face-white-backgroundcopy-space_1258-103939.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_mgr",
|
||||
testimonial: "Fast, agile, and always ahead of the curve. True gaming experts.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-photographer-woman-sitting-her-desk_23-2148424432.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jordan P.",
|
||||
handle: "@j_dev",
|
||||
testimonial: "Seamless execution on our latest release. Simply incredible results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marketing-company-employee-sitting-desk-developing-management-plan-while-using-work-computer-office-worker-with-financial-knowledge-seeking-business-recovery-solution-while-using-desktop-pc_482257-40314.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices from the Gaming Community"
|
||||
description="See why studios trust our team with their most ambitious projects."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Start Your Project"
|
||||
description="Let's build something iconic together. Send us a message to discuss your next big gaming title."
|
||||
title="Visit Us or Reach Out"
|
||||
description="Have questions or want to host an event? We'd love to hear from you. Drop us a note or swing by for a taco."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Work Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your game idea",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your inquiry or feedback", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-working-office_23-2149370554.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-traditional-mexican-restaurant_23-2148281134.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -302,37 +100,25 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Tacos Lopez", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Location", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 PixelStudio. Built for Gamers."
|
||||
bottomLeftText="© 2024 Tacos Lopez. Authentic goodness."
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user