Merge version_4 into main #3

Merged
bender merged 2 commits from version_4 into main 2026-05-01 03:29:11 +00:00
2 changed files with 68 additions and 22 deletions

View File

@@ -3,16 +3,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, CheckCircle, Shield, Sparkles } from "lucide-react";
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
export default function LandingPage() {
return (
@@ -33,7 +31,7 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{ name: "Home", id: "home" },
{ name: "Products", id: "products" },
{ name: "Products", id: "/products" },
{ name: "About", id: "about" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
@@ -50,7 +48,7 @@ export default function LandingPage() {
tag="Exclusive Collection"
imageSrc="http://img.b2bpic.net/free-photo/black-white-nude-woman-front-view_23-2149428734.jpg"
tagIcon={Sparkles}
buttons={[{ text: "Shop Now", href: "#products" }]}
buttons={[{ text: "Shop Now", href: "/products" }]}
/>
</div>
@@ -81,22 +79,6 @@ export default function LandingPage() {
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Signature Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg" },
{ id: "p2", name: "Premium Jacket", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-checked-shirt-jean-jacket-putting-index-finger-chin-while-raising-hand-head-looking-pretty_176474-87005.jpg" },
{ id: "p3", name: "Essential Chinos", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-man-wearing-sunglasses-standing-isolated_171337-13951.jpg" },
]}
title="Featured Products"
description="Shop the latest arrivals from Achievers Brand."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
@@ -122,7 +104,7 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Brand", items: [{ label: "About", href: "#about" }, { label: "Products", href: "#products" }] },
{ title: "Brand", items: [{ label: "About", href: "#about" }, { label: "Products", href: "/products" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }] },
]}
bottomLeftText="© 2024 Achievers Brand."

64
src/app/products/page.tsx Normal file
View File

@@ -0,0 +1,64 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function ProductsPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="compact"
sizing="mediumLarge"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Products", id: "products" },
{ name: "About", id: "/about" },
{ name: "Testimonials", id: "/testimonials" },
{ name: "Contact", id: "/contact" },
]}
brandName="Achievers Brand"
/>
</div>
<div id="products" data-section="products" style={{ paddingTop: "100px" }}>
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Signature Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg" },
{ id: "p2", name: "Premium Jacket", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-checked-shirt-jean-jacket-putting-index-finger-chin-while-raising-hand-head-looking-pretty_176474-87005.jpg" },
{ id: "p3", name: "Essential Chinos", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-man-wearing-sunglasses-standing-isolated_171337-13951.jpg" },
]}
title="Our Products"
description="Discover the full range of Achievers Brand premium apparel."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Brand", items: [{ label: "About", href: "/about" }, { label: "Products", href: "/products" }] },
{ title: "Support", items: [{ label: "Contact", href: "/contact" }] },
]}
bottomLeftText="© 2024 Achievers Brand."
bottomRightText="All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}