Add new section to page

Implemented an additional section to enhance content on the webpage.

src/components/Download.tsx

@@ -0,0 +1,32 @@
+import { Button } from "@/components/ui/button";
+import { Apple, Play } from "lucide-react";
+
+const Download = () => {
+  return (
+    <div className="py-20 px-4 bg-background relative overflow-hidden">
+      <div className="absolute inset-0 bg-accent/5 backdrop-blur-3xl"></div>
+      <div className="max-w-7xl mx-auto relative z-10">
+        <div className="text-center space-y-8">
+          <h2 className="text-4xl md:text-5xl font-bold text-white">
+            Get Started Today
+          </h2>
+          <p className="text-xl text-white/60 max-w-2xl mx-auto">
+            Download our app and experience the future of banking. Available on iOS and Android.
+          </p>
+          <div className="flex flex-col sm:flex-row gap-4 justify-center">
+            <Button className="px-8 py-6 text-lg bg-white text-black hover:bg-white/90 flex items-center gap-2">
+              <Apple className="w-5 h-5" />
+              App Store
+            </Button>
+            <Button className="px-8 py-6 text-lg glass-effect hover:bg-white/10 flex items-center gap-2">
+              <Play className="w-5 h-5" />
+              Play Store
+            </Button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Download;

src/components/Testimonials.tsx

@@ -0,0 +1,49 @@
+import { Card } from "@/components/ui/card";
+import { MessageSquare } from "lucide-react";
+
+const Testimonials = () => {
+  const testimonials = [
+    {
+      quote: "The best banking experience I've ever had. Simple, fast, and secure.",
+      author: "Sarah Johnson",
+      role: "Business Owner"
+    },
+    {
+      quote: "This app has completely transformed how I manage my finances.",
+      author: "Michael Chen",
+      role: "Software Engineer"
+    },
+    {
+      quote: "Incredible user experience. Everything just works seamlessly.",
+      author: "Emma Davis",
+      role: "Financial Analyst"
+    }
+  ];
+
+  return (
+    <div className="py-20 px-4 bg-background">
+      <div className="max-w-7xl mx-auto">
+        <h2 className="text-4xl font-bold text-white text-center mb-4">
+          What Our Users Say
+        </h2>
+        <p className="text-xl text-white/60 text-center mb-12 max-w-2xl mx-auto">
+          Join thousands of satisfied users who have transformed their banking experience
+        </p>
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+          {testimonials.map((testimonial, index) => (
+            <Card key={index} className="p-6 hover-lift glass-effect">
+              <div className="w-12 h-12 rounded-full bg-accent/10 flex items-center justify-center mb-4">
+                <MessageSquare className="w-6 h-6 text-white" />
+              </div>
+              <p className="text-white/80 mb-4 italic">{testimonial.quote}</p>
+              <div className="text-white font-semibold">{testimonial.author}</div>
+              <div className="text-white/60 text-sm">{testimonial.role}</div>
+            </Card>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Testimonials;

src/pages/Index.tsx

@@ -1,6 +1,8 @@
 import Navbar from "@/components/Navbar";
 import Hero from "@/components/Hero";
 import Features from "@/components/Features";
+import Testimonials from "@/components/Testimonials";
+import Download from "@/components/Download";
 
 const Index = () => {
   return (
@@ -8,6 +10,8 @@ const Index = () => {
       <Navbar />
       <Hero />
       <Features />
+      <Testimonials />
+      <Download />
     </div>
   );
 };