diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 8e09006..0958b77 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -50,8 +50,8 @@ export default function AboutPage() { ]} imageSrc="http://img.b2bpic.net/free-photo/low-view-man-working-roof-with-drill_23-2148748773.jpg" imageAlt="Dal Mar Roofing crew working together" - mediaAnimation="text-stagger" - metricsAnimation="text-stagger" + mediaAnimation="text-shift" + metricsAnimation="text-shift" useInvertedBackground={true} /> @@ -68,7 +68,7 @@ export default function AboutPage() { ] } ]} - animationType="fadeIn" + animationType="entrance-slide" textboxLayout="default" useInvertedBackground={false} /> diff --git a/src/app/page.tsx b/src/app/page.tsx index f627db3..32c1360 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,7 +11,7 @@ import { Star, Sparkles } from "lucide-react"; import Link from "next/link"; export default function HomePage() { - return ( + return () @@ -104,7 +104,7 @@ export default function HomePage() { { title: "Commercial Roofing", description: "Specialized roofing solutions for businesses, ensuring durability and efficiency for commercial properties.", imageSrc: "http://img.b2bpic.net/free-photo/park-lujiazui-financial-center-shanghai-china_1127-3097.jpg", imageAlt: "Commercial building flat roof", titleImageSrc: "http://img.b2bpic.net/free-photo/park-lujiazui-financial-center-shanghai-china_1127-3097.jpg", buttonText: "View Commercial" } ]} gridVariant="uniform-all-items-equal" - animationType="fadeIn" + animationType="entrance-slide" textboxLayout="default" useInvertedBackground={true} /> @@ -122,7 +122,7 @@ export default function HomePage() { { id: "5", name: "Maria S.", role: "Repeat Client", testimonial: "I've trusted Dal Mar for 20 years. When I needed a new roof, there was no question who to call. Still the best!", imageSrc: "http://img.b2bpic.net/free-photo/happy-excited-caucasian-guy-love-with-his-black-girlfriend_1262-20219.jpg", imageAlt: "Maria S. photo" }, { id: "6", name: "Chris B.", role: "Residential Client", testimonial: "Outstanding communication and a beautiful new roof. Dal Mar Roofing exceeded all my expectations.", imageSrc: "http://img.b2bpic.net/free-photo/evaluation-feedback-customer-smiley-response_53876-123011.jpg", imageAlt: "Chris B. photo" } ]} - animationType="hover-tilt" + animationType="entrance-slide" textboxLayout="default" useInvertedBackground={false} /> @@ -132,14 +132,14 @@ export default function HomePage() { diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index 5285da9..dd4e27e 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -52,7 +52,7 @@ export default function ServicesPage() { { id: "emergency", name: "Emergency Repairs", price: "24/7 Service", variant: "Service", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg", imageAlt: "Emergency roof repair" } ]} gridVariant="three-columns-all-equal-width" - animationType="fadeIn" + animationType="entrance-slide" textboxLayout="default" useInvertedBackground={true} /> @@ -68,7 +68,7 @@ export default function ServicesPage() { { id: "owner", value: "Owner", description: "On Every Project" } ]} gridVariant="uniform-all-items-equal" - animationType="hover-tilt" + animationType="entrance-slide" textboxLayout="default" useInvertedBackground={false} /> @@ -83,7 +83,7 @@ export default function ServicesPage() { { id: "q2", title: "How long does a roof replacement typically take?", content: "The duration of a roof replacement depends on various factors such as roof size, complexity, and weather conditions. Most residential replacements are completed within 1-3 days, while commercial projects may take longer." }, { id: "q3", title: "Do you offer warranties on your work?", content: "Yes, we stand behind our craftsmanship and materials. We offer comprehensive warranties on both materials and labor. Specific warranty details will be provided with your quote." } ]} - faqsAnimation="text-stagger" + faqsAnimation="text-shift" textboxLayout="default" useInvertedBackground={true} />