diff --git a/src/app/order-confirmation/page.tsx b/src/app/order-confirmation/page.tsx new file mode 100644 index 0000000..2add9df --- /dev/null +++ b/src/app/order-confirmation/page.tsx @@ -0,0 +1,59 @@ +"use client"; + +import React from "react"; +import ReactLenis from "lenis/react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; +import HeroOverlay from "@/components/sections/hero/HeroOverlay"; +import { CheckCircle } from "lucide-react"; + +export default function OrderConfirmationPage() { + return ( + + + + +
+ +
+ + + ); +} diff --git a/src/app/order/page.tsx b/src/app/order/page.tsx new file mode 100644 index 0000000..3dfc031 --- /dev/null +++ b/src/app/order/page.tsx @@ -0,0 +1,67 @@ +"use client"; + +import React from "react"; +import ReactLenis from "lenis/react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; +import { Sparkles, CheckCircle, Phone } from "lucide-react"; +import ContactForm from "@/components/form/ContactForm"; +import { useRouter } from "next/navigation"; + +export default function OrderPage() { + const router = useRouter(); + + const handleSubmitOrder = async (orderData: any) => { + // In a real application, this would send orderData to your backend + console.log("Submitting order:", orderData); + // Simulate API call + await new Promise(resolve => setTimeout(resolve, 1000)); + router.push('/order-confirmation'); // Redirect to confirmation page + }; + + return ( + + + + +
+ +
+ + + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index fed066d..3715f27 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -37,6 +37,7 @@ export default function HvacPage() { { name: "About", id: "about" }, { name: "Testimonials", id: "testimonials" }, { name: "Contact", id: "contact" }, + { name: "Place Order", href: "/order" } ]} button={{ text: "Get a Quote", href: "#contact" }} animateOnLoad={false} diff --git a/src/app/products/[id]/page.tsx b/src/app/products/[id]/page.tsx new file mode 100644 index 0000000..630b6c0 --- /dev/null +++ b/src/app/products/[id]/page.tsx @@ -0,0 +1,191 @@ +"use client"; + +import React from "react"; +import { useParams } from "next/navigation"; +import Image from "next/image"; +import ReactLenis from "lenis/react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; +import FooterMedia from "@/components/sections/footer/FooterMedia"; +import ButtonTextShift from "@/components/button/ButtonTextShift/ButtonTextShift"; + +const dummyProducts = [ + { + id: "1", name: "High-Efficiency AC Unit", description: "This 2-ton, 18 SEER AC unit provides superior cooling efficiency and quiet operation for medium-sized homes, significantly reducing energy consumption.", price: "$2,500", variant: "2-Ton, 18 SEER", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg?w=800&h=600" + }, + { + id: "2", name: "Smart Thermostat", description: "Control your home's climate from anywhere with this Wi-Fi enabled smart thermostat. Features include energy usage reports, learning capabilities, and voice control compatibility.", price: "$199", variant: "Wi-Fi Enabled", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-9.jpg?w=800&h=600" + }, + { + id: "3", name: "Air Purifier", description: "Improve indoor air quality with this advanced air purifier. Equipped with a true HEPA filter, it captures 99.97% of airborne particles, including dust, pollen, pet dander, and smoke.", price: "$350", variant: "HEPA Filter", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-8.jpg?w=800&h=600" + }, + { + id: "4", name: "Furnace System", description: "A robust furnace system designed for reliable heating performance in colder climates. This 90,000 BTU unit ensures even heat distribution and energy efficiency throughout your home.", price: "$1,800", variant: "90,000 BTU", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-5.jpg?w=800&h=600" + } +]; + +export default function ProductDetailPage() { + const params = useParams(); + const { id } = params; + const product = dummyProducts.find((p) => p.id === id); + + if (!product) { + return ( + + + +
+

Product Not Found

+

The product you are looking for does not exist.

+
+ + + + ); + } + + return ( + + + + +
+
+
+ {product.name} +
+
+

{product.name}

+

{product.price}

+

{product.description}

+ {product.variant && ( +

Variant: {product.variant}

+ )} + alert(`${product.name} added to cart!`)} className="w-fit mt-4" /> +
+
+
+ + + + + ); +} \ No newline at end of file diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx new file mode 100644 index 0000000..9e65459 --- /dev/null +++ b/src/app/products/page.tsx @@ -0,0 +1,101 @@ +"use client"; + +import ReactLenis from "lenis/react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; +import ProductCardFour from "@/components/sections/product/ProductCardFour"; +import FooterMedia from "@/components/sections/footer/FooterMedia"; + +export default function ProductsPage() { + return ( + + + + +
+ window.location.href = "/products/1" + }, + { + id: "2", name: "Smart Thermostat", price: "$199", variant: "Wi-Fi Enabled", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-9.jpg?_wi=1", onProductClick: () => window.location.href = "/products/2" + }, + { + id: "3", name: "Air Purifier", price: "$350", variant: "HEPA Filter", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-8.jpg?_wi=1", onProductClick: () => window.location.href = "/products/3" + }, + { + id: "4", name: "Furnace System", price: "$1,800", variant: "90,000 BTU", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-5.jpg?_wi=1", onProductClick: () => window.location.href = "/products/4" + } + ]} + gridVariant="three-columns-all-equal-width" + animationType="slide-up" + useInvertedBackground={false} + /> +
+ + + + + ); +} \ No newline at end of file