Merge version_4 into main
Merge version_4 into main
This commit was merged in pull request #11.
This commit is contained in:
@@ -22,15 +22,33 @@ export default function CheckoutPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "AirPods", id: "#products" },
|
||||
{ name: "Vision", id: "#vision" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
{ name: "Checkout", id: "/checkout" }
|
||||
{
|
||||
name: "Home", id: "/"
|
||||
},
|
||||
{
|
||||
name: "About", id: "#about"
|
||||
},
|
||||
{
|
||||
name: "Features", id: "#features"
|
||||
},
|
||||
{
|
||||
name: "AirPods", id: "#products"
|
||||
},
|
||||
{
|
||||
name: "Vision", id: "#vision"
|
||||
},
|
||||
{
|
||||
name: "Testimonials", id: "#testimonials"
|
||||
},
|
||||
{
|
||||
name: "FAQ", id: "#faq"
|
||||
},
|
||||
{
|
||||
name: "Contact", id: "#contact"
|
||||
},
|
||||
{
|
||||
name: "Checkout", id: "/checkout"
|
||||
}
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eu6bBOTdX8kN4amCUkA0dEWXTg/uploaded-1781016191232-plk3q13v.png"
|
||||
logoAlt="PodWave Logo"
|
||||
@@ -39,17 +57,8 @@ export default function CheckoutPage() {
|
||||
bottomRightText="info@podwave.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col items-center justify-center min-h-[calc(100vh-200px)] px-4 py-16 text-center">
|
||||
<h1 className="text-5xl md:text-7xl font-bold mb-6 text-foreground">
|
||||
Your Payment Area
|
||||
</h1>
|
||||
<p className="text-lg md:text-xl max-w-2xl text-foreground/80 mb-8">
|
||||
Proceed with your secure payment for PodWave AirPods.
|
||||
</p>
|
||||
<p className="text-foreground/60">
|
||||
(This is a placeholder for your dedicated payment processing.)
|
||||
</p>
|
||||
<div className="flex min-h-[50vh] items-center justify-center text-center">
|
||||
<h1 className="text-4xl font-bold text-foreground">Your Checkout</h1>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user