Initial commit
This commit is contained in:
221
src/app/page.tsx
Normal file
221
src/app/page.tsx
Normal file
@@ -0,0 +1,221 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
|
||||
import TagAbout from '@/components/sections/about/TagAbout';
|
||||
import ProductCardSix from '@/components/sections/product/ProductCardSix';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="sharp"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
background="plain"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Reviews", id: "reviews" }
|
||||
]}
|
||||
brandName="Bulls Bikes"
|
||||
bottomLeftText="Mountain Bike Excellence"
|
||||
bottomRightText="hello@bullsbikes.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardSplit
|
||||
title="Unleash Your Potential on Every Trail"
|
||||
description="Experience the pinnacle of mountain bike engineering with Bulls Bikes. Built for speed, endurance, and pure riding joy across any terrain."
|
||||
tag="Performance Mountain Bikes"
|
||||
tagIcon={Zap}
|
||||
buttons={[
|
||||
{ text: "Explore Our Collection", href: "products" },
|
||||
{ text: "Learn More", href: "about" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548981332-o291f5g8.jpg"
|
||||
imageAlt="Mountain bike on challenging terrain"
|
||||
frameStyle="browser"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TagAbout
|
||||
tag="Our Mission"
|
||||
description="We are driven by an unrelenting commitment to creating the world's finest mountain bikes. Every frame is engineered for performance, durability, and the pure joy of riding. Whether you're conquering alpine peaks or exploring local trails, Bulls Bikes delivers the precision and reliability you demand."
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardSix
|
||||
title="Our Mountain Bike Collection"
|
||||
description="Six exceptional models engineered for every rider and every trail. Choose your perfect match."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Trail Crusher Pro",
|
||||
price: "$2,499",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548955998-jc66agsb.jpg",
|
||||
imageAlt: "Trail Crusher Pro mountain bike"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Enduro Beast XL",
|
||||
price: "$3,199",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767635315868-hzjnllu4.jpg",
|
||||
imageAlt: "Enduro Beast XL mountain bike"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "XC Racer Elite",
|
||||
price: "$2,099",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548999758-rsh5ksx2.jpg",
|
||||
imageAlt: "XC Racer Elite cross country bike"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "All-Mountain Master",
|
||||
price: "$2,799",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548953993-s8siw7gl.jpg",
|
||||
imageAlt: "All-Mountain Master versatile bike"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hardtail Climber",
|
||||
price: "$1,799",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549067043-wmz3o717.jpg",
|
||||
imageAlt: "Hardtail Climber efficient mountain bike"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Gravity King DH",
|
||||
price: "$3,599",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548981332-o291f5g8.jpg",
|
||||
imageAlt: "Gravity King DH downhill bike"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
title="What Riders Say"
|
||||
description="Join thousands of satisfied mountain bike enthusiasts who trust Bulls Bikes for their adventures."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Johnson",
|
||||
handle: "@trailblazer_marcus",
|
||||
testimonial: "The Trail Crusher Pro transformed my riding experience. The handling is incredible and it feels like an extension of my body on the trails.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767635316621-03p4z3g1.jpg",
|
||||
imageAlt: "Marcus Johnson"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Mitchell",
|
||||
handle: "@enduro_queen",
|
||||
testimonial: "I bought the Enduro Beast XL six months ago and it hasn't let me down once. Absolute beast on technical descents.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767635317205-dq3x87fu.jpg",
|
||||
imageAlt: "Sarah Mitchell"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Chen",
|
||||
handle: "@xc_racer_david",
|
||||
testimonial: "As a competitive racer, the XC Racer Elite gives me the edge I need. Lightweight, responsive, and built for speed.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767635317476-xaurlz9r.jpg",
|
||||
imageAlt: "David Chen"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chris Williams",
|
||||
handle: "@weekend_warrior",
|
||||
testimonial: "The All-Mountain Master is perfect for riders like me who want one bike for everything. Highly recommend Bulls Bikes!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767635317925-czz6w6bz.jpg",
|
||||
imageAlt: "Chris Williams"
|
||||
}
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Get in Touch"
|
||||
description="Have questions about our mountain bikes? Want to schedule a demo ride? We'd love to hear from you. Fill out the form below and our team will respond within 24 hours."
|
||||
inputs={[
|
||||
{ name: "fullName", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: false }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your riding style and which bike interests you most...", rows: 5, required: true }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767635314961-3ve6sa23.jpg"
|
||||
imageAlt="Mountain bike rider in action"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{ label: "Trail Crusher Pro", href: "products" },
|
||||
{ label: "Enduro Beast XL", href: "products" },
|
||||
{ label: "XC Racer Elite", href: "products" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Support", href: "contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Warranty", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Bulls Bikes. All rights reserved. Mountain Bike Excellence Since Day One."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user