Add src/app/pricing/page.tsx

2026-06-07 06:00:00 +00:00
parent d7c2d8d545
commit 905af44dff
1 changed files with 126 additions and 0 deletions
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -0,0 +1,126 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import { Sparkles, Zap, ShieldCheck, Tag, Phone } from "lucide-react";
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="mediumLarge"
+        background="fluid"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              {
+                name: "Home",                id: "#home"},
+              {
+                name: "About Us",                id: "#about"},
+              {
+                name: "Services",                id: "#services"},
+              {
+                name: "Quality",                id: "#quality"},
+              {
+                name: "Clients",                id: "#clients"},
+              {
+                name: "Pricing",                id: "/pricing"},
+              {
+                name: "FAQ",                id: "/faq"},
+              {
+                name: "Contact",                id: "#contact"},
+            ]}
+            button={{
+              text: "Get a Free Quote",              href: "#contact"}}
+            logoSrc="http://img.b2bpic.net/free-photo/price-tag-front-side_187299-40109.jpg"
+            brandName="Miami Roof Tech"
+          />
+        </div>
+
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree
+            animationType="scale-rotate"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            plans={[
+              {
+                id: "basic",                badge: "Standard",                badgeIcon: Sparkles,
+                price: "Starting at $299",                name: "Roof Repair Service",                buttons: [
+                  {
+                    text: "Request Repair",                    href: "#contact"},
+                ],
+                features: [
+                  "Minor Leak Fixes",                  "Damaged Tile Replacement",                  "Gutter Adjustments",                  "Free Inspection Report"],
+              },
+              {
+                id: "standard",                badge: "Best Value",                badgeIcon: Zap,
+                price: "Starting at $8,000",                name: "Full Roof Replacement",                buttons: [
+                  {
+                    text: "Get a Quote",                    href: "#contact"},
+                ],
+                features: [
+                  "Complete Tear-off & Installation",                  "Premium Shingle Options",                  "Enhanced Leak Protection",                  "20-Year Material Warranty"],
+              },
+              {
+                id: "premium",                badge: "Comprehensive",                badgeIcon: ShieldCheck,
+                price: "Custom Quote",                name: "New Roof Installation",                buttons: [
+                  {
+                    text: "Consult an Expert",                    href: "#contact"},
+                ],
+                features: [
+                  "Architectural Design Support",                  "Luxury Tile & Metal Options",                  "Advanced Ventilation Systems",                  "Lifetime Workmanship Guarantee"],
+              },
+            ]}
+            title="Transparent Roofing Solutions"
+            description="Find the perfect roofing plan that fits your needs and budget. We offer clear, competitive pricing with no hidden fees."
+            tag="Our Packages"
+            tagIcon={Tag}
+            tagAnimation="slide-up"
+            buttonAnimation="slide-up"
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{
+              variant: "sparkles-gradient"}}
+            tag="Get a Free Quote"
+            title="Transform Your Roof Today!"
+            description="Ready to experience the Miami Roof Tech difference? Contact us now for a free consultation and personalized estimate. Your dream roof is just a click away."
+            tagIcon={Phone}
+            tagAnimation="slide-up"
+            inputPlaceholder="Enter your email"
+            buttonText="Send Message"
+            termsText="By submitting this form, you agree to our Terms and Conditions and Privacy Policy."
+            onSubmit={(email) => console.log(email)}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoSrc="http://img.b2bpic.net/free-photo/price-tag-front-side_187299-40109.jpg"
+            logoText="Miami Roof Tech"
+            leftLink={{
+              text: "Privacy Policy",              href: "#"}}
+            rightLink={{
+              text: "Terms of Service",              href: "#"}}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}