158 lines
8.6 KiB
TypeScript
158 lines
8.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Shop", id: "/shop" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
{ name: "Account", id: "/account" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple brandName="Allen" navItems={navItems} />
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="ALLEN"
|
|
description="Experience premium athletic performance with our bold and energetic sportswear collection. Engineered for champions who demand excellence in every stride."
|
|
buttons={[
|
|
{
|
|
text: "Shop Now", href: "/shop"},
|
|
{
|
|
text: "Explore Collection", href: "#featured"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/pensive-curly-haired-woman-carried-rolled-kareamt-bottle-watter-dressed-beige-tracksuit-concentrated-away-stands-near-building_273609-55516.jpg"
|
|
imageAlt="Athletic athlete in action with Allen sportswear"
|
|
mediaAnimation="slide-up"
|
|
frameStyle="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured" data-section="featured">
|
|
<ProductCardThree
|
|
title="Featured Collection"
|
|
description="Discover our best-selling products designed for peak athletic performance"
|
|
tag="New Arrivals"
|
|
products={[
|
|
{
|
|
id: "1", name: "Ultra Performance Running Shoe", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-vector/sport-landing-page-template-with-photo_23-2148234372.jpg?_wi=1", imageAlt: "Ultra Performance Running Shoe", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "2", name: "Pro Training Athletic Top", price: "$69.99", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-background-with-halftone-dots_1055-1041.jpg?_wi=1", imageAlt: "Pro Training Athletic Top", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "3", name: "Elite Performance Leggings", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sports-equipment_23-2148381892.jpg?_wi=1", imageAlt: "Elite Performance Leggings", initialQuantity: 1,
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Complete Product Catalog"
|
|
description="Browse our full range of premium athletic wear with advanced filtering options"
|
|
tag="Shop All"
|
|
products={[
|
|
{
|
|
id: "4", name: "Moisture-Wicking Sports Bra", price: "$59.99", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-background-with-halftone-dots_1055-1041.jpg?_wi=2", imageAlt: "Moisture-Wicking Sports Bra", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "5", name: "Performance Training Shorts", price: "$54.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sports-equipment_23-2148381892.jpg?_wi=2", imageAlt: "Performance Training Shorts", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "6", name: "Athletic Compression Socks", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-vector/sport-landing-page-template-with-photo_23-2148234372.jpg?_wi=2", imageAlt: "Athletic Compression Socks", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "7", name: "Fitness Tracker Watch", price: "$199.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-woman-outdoors_23-2150352002.jpg", imageAlt: "Fitness Tracker Watch", initialQuantity: 1,
|
|
},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Athletes Say"
|
|
description="Real reviews from customers who trust Allen Sportswear for their athletic performance"
|
|
tag="Customer Reviews"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", handle: "@sarahruns", testimonial: "Allen's running shoes have completely transformed my training. The comfort and support are unmatched, and I've shaved 2 minutes off my 5K time!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-confident-african-american-sportsman-workout-city-stadium_574295-3119.jpg", imageAlt: "Sarah Mitchell"},
|
|
{
|
|
id: "2", name: "James Chen", handle: "@fitnessjames", testimonial: "The quality is exceptional. I've tried many brands, but Allen's attention to detail and performance features make it worth every penny.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-outdoors_23-2149037634.jpg", imageAlt: "James Chen"},
|
|
{
|
|
id: "3", name: "Emma Rodriguez", handle: "@emmafitness", testimonial: "Best athletic wear I've ever owned. The fit is perfect, the materials are premium, and the sizing guide helped me get exactly the right size on my first order.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-sporty-guy-earphones-eating-banana-after-workout-sitting-stairs_8353-6860.jpg", imageAlt: "Emma Rodriguez"},
|
|
{
|
|
id: "4", name: "Michael Thompson", handle: "@mikegymsesh", testimonial: "Allen sportswear keeps me cool and dry during intense workouts. The durability is incredible, and I've had these pieces for over a year with zero wear.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-athleisure-posing-outdoors_23-2148655853.jpg", imageAlt: "Michael Thompson"},
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="About Allen"
|
|
title="Engineered for champions. Designed for everyone."
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "/about"},
|
|
{
|
|
text: "Contact Us", href: "/contact"},
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="ALLEN"
|
|
leftLink={{
|
|
text: "Privacy Policy", href: "#"}}
|
|
rightLink={{
|
|
text: "Terms of Service", href: "#"}}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |