Merge version_2 into main #4
@@ -4,11 +4,10 @@ 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";
|
||||
import { Zap, Award, Flame } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
@@ -21,25 +20,25 @@ export default function HomePage() {
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="Allen" navItems={navItems} />
|
||||
<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."
|
||||
logoText="ALLEN SPORTSWEAR"
|
||||
description="Experience premium athletic performance with our bold and energetic collection. Engineered for champions who demand excellence in every stride."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now", href: "/shop"},
|
||||
@@ -60,6 +59,7 @@ export default function HomePage() {
|
||||
title="Featured Collection"
|
||||
description="Discover our best-selling products designed for peak athletic performance"
|
||||
tag="New Arrivals"
|
||||
tagIcon={Flame}
|
||||
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,
|
||||
@@ -83,6 +83,7 @@ export default function HomePage() {
|
||||
title="Complete Product Catalog"
|
||||
description="Browse our full range of premium athletic wear with advanced filtering options"
|
||||
tag="Shop All"
|
||||
tagIcon={Award}
|
||||
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,
|
||||
@@ -109,6 +110,7 @@ export default function HomePage() {
|
||||
title="What Athletes Say"
|
||||
description="Real reviews from customers who trust Allen Sportswear for their athletic performance"
|
||||
tag="Customer Reviews"
|
||||
tagIcon={Zap}
|
||||
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,
|
||||
@@ -133,6 +135,7 @@ export default function HomePage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
tag="About Allen"
|
||||
tagIcon={Award}
|
||||
title="Engineered for champions. Designed for everyone."
|
||||
buttons={[
|
||||
{
|
||||
@@ -155,4 +158,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -11,14 +11,14 @@
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f8f8f8;
|
||||
--card: #f0f0f0;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #ff6b35;
|
||||
--primary-cta: #ff4500;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #004e89;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #1a1a1a;
|
||||
--background-accent: #ff6b35;
|
||||
--accent: #ff6b35;
|
||||
--background-accent: #ff4500;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user