bender/317afced-5409-421d-8396-bf5ea3bc593e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-09 15:07:17 +00:00
parent 5fad5ab6ee
commit afe255e785
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/page.tsx
View File

@@ -13,8 +13,14 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, Bluetooth, Globe, Headphones } from "lucide-react";
import { useCallback } from "react";
export default function LandingPage() {
const handleButtonClick = useCallback((buttonText: string, sectionId: string) => {
console.log(`Button "${buttonText}" clicked in section: ${sectionId}`);
// Add specific functionality here based on buttonText or sectionId
}, []);
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -77,9 +83,9 @@ export default function LandingPage() {
enableKpiAnimation={true}
buttons={[
{
text: "Discover Features", href: "#features"},
text: "Discover Features", href: "#features", onClick: () => handleButtonClick("Discover Features", "home")},
{
text: "Explore AirPods", href: "#products"},
text: "Explore AirPods", href: "#products", onClick: () => handleButtonClick("Explore AirPods", "home")},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eu6bBOTdX8kN4amCUkA0dEWXTg/uploaded-1701389278929-airpods-pro-2-new-features-a-closer-look-at-its-superior-audio-capabilities.jpg?_wi=1"
imageAlt="PodWave AirPods Pro"
@@ -175,13 +181,13 @@ export default function LandingPage() {
animationType="slide-up"
products={[
{
id: "prod1", name: "PodWave Pro Buds", price: "$249", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eu6bBOTdX8kN4amCUkA0dEWXTg/uploaded-1701389278929-airpods-pro-2-new-features-a-closer-look-at-its-superior-audio-capabilities.jpg?_wi=3", imageAlt: "PodWave Pro Buds", priceButtonProps: { text: "Buy Now", href: "/checkout" }
id: "prod1", name: "PodWave Pro Buds", price: "$249", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eu6bBOTdX8kN4amCUkA0dEWXTg/uploaded-1701389278929-airpods-pro-2-new-features-a-closer-look-at-its-superior-audio-capabilities.jpg?_wi=3", imageAlt: "PodWave Pro Buds", priceButtonProps: { text: "Buy Now", href: "/checkout", onClick: () => handleButtonClick("Buy Now (PodWave Pro Buds)", "products") }
},
{
id: "prod2", name: "PodWave Max Headphones", price: "$549", imageSrc: "http://img.b2bpic.net/free-photo/black-wireless-headphones-black-surface_417767-115.jpg", imageAlt: "PodWave Max Headphones", priceButtonProps: { text: "Buy Now", href: "/checkout" }
id: "prod2", name: "PodWave Max Headphones", price: "$549", imageSrc: "http://img.b2bpic.net/free-photo/black-wireless-headphones-black-surface_417767-115.jpg", imageAlt: "PodWave Max Headphones", priceButtonProps: { text: "Buy Now", href: "/checkout", onClick: () => handleButtonClick("Buy Now (PodWave Max Headphones)", "products") }
},
{
id: "prod3", name: "PodWave Classic Buds", price: "$179", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074306.jpg", imageAlt: "PodWave Classic Buds", priceButtonProps: { text: "Buy Now", href: "/checkout" }
id: "prod3", name: "PodWave Classic Buds", price: "$179", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074306.jpg", imageAlt: "PodWave Classic Buds", priceButtonProps: { text: "Buy Now", href: "/checkout", onClick: () => handleButtonClick("Buy Now (PodWave Classic Buds)", "products") }
},
]}
title="Our Exclusive AirPods Collection"
@@ -259,7 +265,7 @@ export default function LandingPage() {
description="Ready to immerse yourself in pure sound? Get in touch with our team for personalized assistance or explore our premium AirPods now."
buttons={[
{
text: "Get Started", href: "#products"},
text: "Get Started", href: "#products", onClick: () => handleButtonClick("Get Started", "contact")},
]}
/>
</div>