Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
164
src/app/page.tsx
164
src/app/page.tsx
@@ -29,41 +29,23 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Customization",
|
||||
id: "custom",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Customization", id: "custom" },
|
||||
{ name: "Support", id: "faq" },
|
||||
]}
|
||||
brandName="TractorX"
|
||||
button={{ text: "Get Started", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Master the Fields in TractorX"
|
||||
description="The ultimate endless tractor simulation. Customize your rig, control the weather, and race through day and night cycles."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Farming",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc26eK11h2wwCSmo1rTrGGfAX6/a-futuristic-3d-tractor-model-parked-in--1774774117487-8dd5f387.png?_wi=1"
|
||||
buttons={[{ text: "Start Farming", href: "#" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc26eK11h2wwCSmo1rTrGGfAX6/a-futuristic-3d-tractor-model-parked-in--1774774117487-8dd5f387.png"
|
||||
imageAlt="Futuristic 3D tractor in a digital field"
|
||||
/>
|
||||
</div>
|
||||
@@ -75,70 +57,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Dynamic Time Cycles",
|
||||
description: "Switch between morning, noon, evening, and night to experience the farm in every light.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc26eK11h2wwCSmo1rTrGGfAX6/a-split-screen-view-showing-a-tractor-in-1774774116704-31fc5134.png?_wi=1",
|
||||
imageAlt: "Tractor day and night cycle",
|
||||
},
|
||||
id: "f1", title: "Dynamic Time Cycles", description: "Switch between morning, noon, evening, and night to experience the farm in every light.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc26eK11h2wwCSmo1rTrGGfAX6/a-split-screen-view-showing-a-tractor-in-1774774116704-31fc5134.png", imageAlt: "Tractor day and night cycle"},
|
||||
items: [
|
||||
{
|
||||
icon: Sun,
|
||||
text: "Dynamic day cycle",
|
||||
},
|
||||
{
|
||||
icon: Moon,
|
||||
text: "Night mode atmosphere",
|
||||
},
|
||||
{ icon: Sun, text: "Dynamic day cycle" },
|
||||
{ icon: Moon, text: "Night mode atmosphere" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc26eK11h2wwCSmo1rTrGGfAX6/a-futuristic-3d-tractor-model-parked-in--1774774117487-8dd5f387.png?_wi=2",
|
||||
imageAlt: "A futuristic 3D tractor model parked in a vast, open digital field at night, illuminated by neon blu",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Custom Skins & Upgrades",
|
||||
description: "Design your tractor's aesthetic with unique skins and performance upgrades.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc26eK11h2wwCSmo1rTrGGfAX6/interactive-3d-ui-showing-a-tractor-cust-1774774115990-123d14b6.png?_wi=1",
|
||||
imageAlt: "Tractor customization menu",
|
||||
},
|
||||
id: "f2", title: "Custom Skins & Upgrades", description: "Design your tractor's aesthetic with unique skins and performance upgrades.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc26eK11h2wwCSmo1rTrGGfAX6/interactive-3d-ui-showing-a-tractor-cust-1774774115990-123d14b6.png", imageAlt: "Tractor customization menu"},
|
||||
items: [
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Custom skin engine",
|
||||
},
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Performance tuning",
|
||||
},
|
||||
{ icon: Palette, text: "Custom skin engine" },
|
||||
{ icon: Wrench, text: "Performance tuning" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc26eK11h2wwCSmo1rTrGGfAX6/a-split-screen-view-showing-a-tractor-in-1774774116704-31fc5134.png?_wi=2",
|
||||
imageAlt: "A split-screen view showing a tractor in the morning with bright golden sunlight and the same tracto",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "High-Speed Farming",
|
||||
description: "Push your engine to the limit with speed boosters and handling modes.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc26eK11h2wwCSmo1rTrGGfAX6/close-up-of-a-high-speed-tractor-speedin-1774774117052-5efdc18a.png?_wi=1",
|
||||
imageAlt: "Fast tractor on a dirt path",
|
||||
},
|
||||
id: "f3", title: "High-Speed Farming", description: "Push your engine to the limit with speed boosters and handling modes.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc26eK11h2wwCSmo1rTrGGfAX6/close-up-of-a-high-speed-tractor-speedin-1774774117052-5efdc18a.png", imageAlt: "Fast tractor on a dirt path"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Dynamic speed UI",
|
||||
},
|
||||
{
|
||||
icon: Gauge,
|
||||
text: "Engine diagnostics",
|
||||
},
|
||||
{ icon: Zap, text: "Dynamic speed UI" },
|
||||
{ icon: Gauge, text: "Engine diagnostics" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc26eK11h2wwCSmo1rTrGGfAX6/interactive-3d-ui-showing-a-tractor-cust-1774774115990-123d14b6.png?_wi=2",
|
||||
imageAlt: "Interactive 3D UI showing a tractor customization menu with various paint schemes and mechanical upg",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Endless Simulation Experience"
|
||||
@@ -151,21 +94,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is the gameplay truly endless?",
|
||||
content: "Yes, TractorX features an infinite procedural map and ever-changing seasonal cycles.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I save my custom skins?",
|
||||
content: "Absolutely! You can export and share your custom designs via our community cloud.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do I need powerful hardware?",
|
||||
content: "TractorX is optimized for a wide range of systems, featuring adjustable graphic presets.",
|
||||
},
|
||||
{ id: "1", title: "Is the gameplay truly endless?", content: "Yes, TractorX features an infinite procedural map and ever-changing seasonal cycles." },
|
||||
{ id: "2", title: "Can I save my custom skins?", content: "Absolutely! You can export and share your custom designs via our community cloud." },
|
||||
{ id: "3", title: "Do I need powerful hardware?", content: "TractorX is optimized for a wide range of systems, featuring adjustable graphic presets." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about your farming adventure."
|
||||
@@ -182,20 +113,10 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Visuals",
|
||||
title: "Paint & Decals",
|
||||
subtitle: "Show off your style",
|
||||
description: "Choose from hundreds of custom paints, textures, and decals to make your machine one-of-a-kind.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc26eK11h2wwCSmo1rTrGGfAX6/interactive-3d-ui-showing-a-tractor-cust-1774774115990-123d14b6.png?_wi=3",
|
||||
},
|
||||
tag: "Visuals", title: "Paint & Decals", subtitle: "Show off your style", description: "Choose from hundreds of custom paints, textures, and decals to make your machine one-of-a-kind.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc26eK11h2wwCSmo1rTrGGfAX6/interactive-3d-ui-showing-a-tractor-cust-1774774115990-123d14b6.png"},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Performance",
|
||||
title: "Engine Tuning",
|
||||
subtitle: "Maximize efficiency",
|
||||
description: "Tweak torque, horsepower, and fuel efficiency in the high-tech workshop menu.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc26eK11h2wwCSmo1rTrGGfAX6/close-up-of-a-high-speed-tractor-speedin-1774774117052-5efdc18a.png?_wi=2",
|
||||
},
|
||||
tag: "Performance", title: "Engine Tuning", subtitle: "Maximize efficiency", description: "Tweak torque, horsepower, and fuel efficiency in the high-tech workshop menu.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc26eK11h2wwCSmo1rTrGGfAX6/close-up-of-a-high-speed-tractor-speedin-1774774117052-5efdc18a.png"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -204,21 +125,10 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built for ",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "the Future",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
{ type: "text", content: "Built for " },
|
||||
{ type: "text", content: "the Future" },
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -227,16 +137,8 @@ export default function LandingPage() {
|
||||
logoText="TractorX"
|
||||
copyrightText="© 2025 TractorX Simulator. Built for fun."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Github,
|
||||
href: "#",
|
||||
ariaLabel: "Github",
|
||||
},
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Github, href: "#", ariaLabel: "Github" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user