Battlesnake/frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor Hero and AppRouter components; added Services component and adjusted layout

Browse source
This commit is contained in:
Anton Kupriianov 2025-04-17 12:38:39 -07:00
parent 36a96cd2ff
commit 39564e963e
2 changed files with 25 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/Hero.jsx
View file

@ -1,5 +1,6 @@
import React from 'react';
import '../scss/components/Hero.scss';
import React from "react";
import "../scss/components/Hero.scss";
import Services from "./Services";
function Hero() {
return (
@ -8,18 +9,25 @@ function Hero() {
<p className="intro">Welcome to BattleSnake!!!</p>
<h1>Play for Fun!</h1>
<p className="desc">
A competitive game where your code is the controller. All you need is a web server that responds to the Battlesnake API.
A competitive game where your code is the controller. All you need is
a web server that responds to the Battlesnake API.
</p>
<button className="cta">Start Battle</button>
</div>
<div className="hero-image">
<div className="hex-bg">
<img src="https://static.battlesnake.com/play/releases/2.1.4/ui/img/game.gif" alt="battle snake game" />
<img
src="https://static.battlesnake.com/play/releases/2.1.4/ui/img/game.gif"
alt="battle snake game"
/>
</div>
{/* <div className="tag name-tag">Battle</div>
{/* <div className="tag name-tag">Battle</div>
<div className="icon top-left">📈</div>
<div className="icon bottom-right">👁️</div>
<div className="freelance-tag">Available for Freelance</div> */}
{/* <div>
<Services />
</div> */}
</div>
</section>
);